:root{color:#f5f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080808;font-family:Arial,sans-serif}html{width:100%;min-width:320px;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:#080808;width:100%;min-width:320px;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;text-align:center;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;margin:0;padding:0;display:flex}button,input,textarea,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea,select{max-width:100%}img{max-width:100%;height:auto}@media (width<=600px){html,body{width:100%;overflow-x:hidden}#root{border:none;width:100%}}*{box-sizing:border-box}html,body{width:100%;min-width:320px;margin:0}body{color:#f5f1e8;background:#080808;font-family:Arial,sans-serif}.app{width:100%;min-height:100vh;min-height:var(--tg-viewport-height,100dvh);background:radial-gradient(at 50% -12%,#4a3920 0%,#17130d 24%,#090909 58%),linear-gradient(#090909 0%,#050505 100%);flex-direction:column;align-items:center;padding:clamp(18px,4vw,35px) clamp(12px,3vw,20px);display:flex}.header{text-align:center;width:100%}.logo{letter-spacing:clamp(3px,1vw,6px);font-size:clamp(30px,8vw,46px);font-weight:900}.logo span{color:#d2ad64}.club-label{color:#c8a45b;letter-spacing:clamp(2px,1vw,5px);margin-top:5px;font-size:11px}.main,.dashboard{text-align:center;width:100%;min-width:0;max-width:720px;margin:auto}.welcome{color:#c8a45b;letter-spacing:4px;font-size:11px;font-weight:700}h1{overflow-wrap:anywhere;margin:clamp(16px,4vw,22px) 0;font-size:clamp(26px,6vw,44px);line-height:1.2}.main p,.dashboard p{color:#aaa;line-height:1.6}.login-form{flex-direction:column;gap:15px;width:100%;margin-top:30px;display:flex}.login-form input{color:#fff;background:#151515;border:1px solid #51432a;border-radius:8px;outline:none;width:100%;min-width:0;min-height:52px;padding:16px;font-size:16px}.login-form input:focus{border-color:#d2ad64}.login-form input::placeholder{color:#777;letter-spacing:2px}.primary-button,.logout-button{color:#100d08;letter-spacing:2px;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#e0bd72,#aa8039);border:1px solid #d2ad64;border-radius:7px;min-height:48px;padding:14px 20px;font-weight:700;transition:all .2s}.primary-button:hover,.logout-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.dashboard-nav{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:35px 0 22px;display:flex}.dashboard-nav button{color:#aaa;cursor:pointer;letter-spacing:1px;touch-action:manipulation;background:#151515;border:1px solid #38312a;border-radius:7px;min-height:42px;padding:12px 18px;font-size:12px;transition:all .2s}.dashboard-nav button.active{color:#080808;background:#c8a45b;border-color:#c8a45b;font-weight:700}.dashboard-card{text-align:left;overflow-wrap:anywhere;background:linear-gradient(145deg,#1d1b17,#111);border:1px solid #554426;border-radius:16px;width:100%;min-width:0;margin-bottom:22px;padding:clamp(16px,4vw,28px);box-shadow:0 18px 48px #0009,inset 0 1px #ffffff0a}.dashboard-card h2{color:#d2ad64;letter-spacing:1.7px;margin-top:0;margin-bottom:22px;font-size:17px}.dashboard-card p{color:#e0ded9;overflow-wrap:anywhere;border-bottom:1px solid #302a21;margin:0;padding:12px 0}.dashboard-card p:last-child{border-bottom:none}.logout-button{color:#d2ad64;background:0 0;width:100%;margin-top:8px}.logout-button:hover{color:#080808;background:#c8a45b}footer{color:#655b49;letter-spacing:3px;text-align:center;padding-top:30px;font-size:10px}@media (width<=600px){.app{padding:20px 14px}.main,.dashboard{max-width:100%}.dashboard-nav{gap:7px;margin:24px 0 18px}.dashboard-nav button{letter-spacing:.5px;flex:auto;min-width:0;padding:12px 10px;font-size:11px}.dashboard-card{margin-bottom:16px;padding:18px}.login-form{gap:12px;margin-top:24px}.primary-button,.logout-button{width:100%}footer{letter-spacing:2px;padding-top:22px}}@media (width<=360px){.app{padding:16px 10px}.logo{letter-spacing:2px}.dashboard-card{padding:14px}.dashboard-nav button{padding:11px 7px;font-size:10px}}.consent-panel{text-align:left;background:linear-gradient(145deg,#1b1812,#101010);border:1px solid #59482c;border-radius:12px;gap:14px;padding:16px;display:grid}.consent-option{color:#d8d2c6;cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:11px;font-size:13px;line-height:1.55;display:grid}.consent-option input{accent-color:#d2ad64;background:#111;border:1px solid #8f7344;border-radius:4px;width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0}.consent-option a{color:#e2bd72;text-underline-offset:3px;text-decoration:underline}.consent-note{margin:0;font-size:11px;color:#91836b!important;line-height:1.5!important}.primary-button:disabled,.logout-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.dashboard-card h3{color:#f0d49a}.dashboard-card hr{border:0;border-top:1px solid #3b3122;margin:20px 0}@media (prefers-reduced-motion:no-preference){.dashboard-card{animation:.35s both card-enter}@keyframes card-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}