.auth-page{display:flex;flex-direction:column;gap:14px}.auth-page h2{margin:0 0 6px;font-size:22px;font-weight:800;color:#0f172a}.auth-page form{display:flex;flex-direction:column;gap:10px}.auth-page input{padding:12px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px}.auth-page input:focus{outline:none;border-color:#0f172a}.auth-page button{margin-top:6px;padding:12px;border-radius:12px;border:none;background:#0f172a;color:#fff;font-weight:800;cursor:pointer}.auth-page button:hover{background:#020617}.auth-error{color:#dc2626;font-size:13px;font-weight:600}.auth-switch{margin-top:6px;font-size:13px;color:#475569}.auth-link{background:none;border:none;color:#0f172a;font-weight:700;cursor:pointer;padding:0}.auth-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.auth-overlay:before{content:"";position:absolute;inset:0;background:#0a0e168c;opacity:0;animation:overlayFadeIn .18s ease forwards}.auth-overlay.closing:before{animation:overlayFadeOut .18s ease forwards}.auth-box{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:calc(100% - 24px);padding:26px 24px 22px;border-radius:18px;background:radial-gradient(120% 120% at top left,rgba(34,197,94,.18),transparent 60%),linear-gradient(160deg,#020617,#020617);box-shadow:0 0 0 1px #22c55e59,0 30px 80px #000000bf;color:#e5e7eb;opacity:0;animation:authEnter .22s cubic-bezier(.2,.9,.2,1) forwards;will-change:transform,opacity}.auth-overlay.closing .auth-box{animation:authExit .18s ease forwards}.auth-box h2{margin:0 0 10px;font-size:18px;font-weight:800;color:#22c55e;text-align:center}.auth-close{position:absolute;top:10px;right:12px;border:none;background:none;color:#9ca3af;font-size:18px;cursor:pointer}.auth-close:hover{color:#fff}.auth-box input{width:100%;padding:11px 12px;border-radius:10px;background:#020617;border:.5px solid rgba(255,255,255,.08);color:#fff;margin-bottom:10px}.auth-box input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e59}.auth-box button.primary{width:100%;padding:10px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#020617;font-weight:800;cursor:pointer}.terms-row{position:relative;width:100%;display:grid;grid-template-columns:18px 1fr;align-items:start;column-gap:10px;font-size:13px}.terms-row input{justify-self:start;margin:0;accent-color:#22c55e;cursor:pointer}.terms-row a{color:#22c55e;font-weight:700;text-decoration:none}.auth-box .auth-secondary{width:100%;margin-top:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(34,197,94,.5);background:#22c55e1f;color:#22c55e;font-weight:700;font-size:13px;cursor:pointer;transition:all .18s ease}.auth-box .auth-secondary:hover{background:#22c55e38;color:#dcfce7}.auth-box .auth-secondary:active{transform:scale(.98)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes authEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes authExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.97)}}@media(max-width:520px){.auth-box{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 18px);max-height:calc(100svh - var(--top-offset) - 36px);overflow-y:auto;padding-bottom:20px}@keyframes authEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes authExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.97)}}}.auth-box:before{content:"";position:absolute;top:0;left:12%;width:76%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.9),rgba(56,189,248,.92),rgba(168,85,247,.82),transparent);box-shadow:0 0 12px #22c55e4d,0 0 20px #38bdf83d;pointer-events:none}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,#root,.app,.app-shell,.page-shell,.main-layout,.platform-layout,.layout,.content-layout{background:#020617!important}:where(.team-name,.ticker-team-name,.wc-match-team,.home-upcoming-team span,.upcoming-team span,.row-left span){min-width:0;overflow:hidden;direction:ltr;unicode-bidi:plaintext;text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start}.route-loading{min-height:100vh;background:#020617}:root{--bg:#020617;--surface:#0f172a;--surface-2:#111827;--surface-3:#1e293b;--border:rgba(148,163,184,.14);--text:#f8fafc;--text-soft:#cbd5e1;--text-muted:#94a3b8;--accent:#22c55e;--accent-2:#38bdf8;--shadow: 0 18px 48px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03)}:root{--surface-glass:rgba(15,23,42,.88);--surface-glass-2:rgba(30,41,59,.72);--card-gradient: linear-gradient( 180deg, #0f172a 0%, #111827 55%, #1e293b 100% );--overlay: radial-gradient( circle at top center, rgba(15,23,42,.18), rgba(2,6,23,.55) 70% );--border-soft:rgba(255,255,255,.06)}