.about-page{width:100%;max-width:1600px;margin:0 auto;padding:20px clamp(20px,4vw,64px) 48px}.about-hero{grid-template-columns:minmax(0,1fr) minmax(230px,.44fr);align-items:center;gap:48px;padding:24px 0 36px;display:grid}.about-hero-copy h1{max-width:680px;color:var(--text-primary);letter-spacing:-2px;margin-top:16px;font-size:clamp(36px,5vw,58px);line-height:1.08}.about-hero-copy>p,.about-platform p,.about-cta p{max-width:650px;color:var(--text-secondary);margin-top:18px;font-size:16px;line-height:1.75}.about-eyebrow{color:var(--accent-blue-bright);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.about-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.about-hero-actions .btn-primary,.about-cta .btn-primary{padding:11px 18px;text-decoration:none}.about-amux-link,.about-byline a{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.about-amux-link:hover,.about-byline a:hover{color:var(--accent-blue-bright)}.about-hero-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr;gap:4px;padding:12px;display:grid}.about-stat-card{align-items:center;gap:14px;padding:12px;display:flex}.about-stat-icon,.about-card-icon,.about-platform-icon{width:42px;height:42px;color:var(--accent-blue-bright);background:var(--accent-blue-soft);border:1px solid #0d7aeb2e;border-radius:10px;flex:none;place-items:center;display:grid}.about-stat-card div{flex-direction:column;gap:4px;display:flex}.about-stat-card strong{color:var(--text-primary);font-size:25px;line-height:1}.about-stat-card div span{color:var(--text-muted);font-size:12px}.about-stats-note{color:var(--text-muted);padding:4px 12px 0;font-size:12px;line-height:1.6}.about-stats-note:not(:empty){min-height:22px}.about-partners{margin-top:52px;padding:30px 0 4px;position:relative}.about-partners:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-partners-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.about-partners-heading h2{color:var(--text-primary);letter-spacing:-.7px;align-items:center;gap:9px;margin-top:7px;font-size:22px;font-weight:700;display:flex}.about-partners-heading h2:before{content:"";background:var(--accent-blue-bright);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #0d7aeb73}.about-partners-row{background:var(--border-color);border:1px solid var(--border-color);scrollbar-width:none;border-radius:12px;align-items:stretch;margin-top:20px;padding:1px;display:flex;position:relative;overflow-x:auto;box-shadow:0 8px 28px #00000009}.about-partners-row::-webkit-scrollbar{display:none}.about-partner{background:var(--bg-card);border-right:1px solid var(--border-color);flex:1 0 190px;align-items:center;gap:12px;min-height:78px;padding:12px 18px;transition:background .18s,transform .18s;display:flex;position:relative}.about-partner:last-child{border-right:none}.about-partner:before{content:"";background:var(--accent-blue-bright);opacity:.65;border-radius:50%;width:3px;height:3px;position:absolute;top:9px;left:10px}.about-partner:after{content:"";background:var(--accent-blue-bright);transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.about-partner:hover{background:linear-gradient(135deg, #0d7aeb0b, transparent 70%), var(--bg-card)}.about-partner:hover:after{transform:scaleX(1)}.about-partner img{object-fit:contain;background:#fff;border:1px solid #0000000e;border-radius:10px;flex:none;width:44px;height:44px;padding:5px;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 7px #0000000e}.about-partner:hover img{transform:scale(1.06);box-shadow:0 4px 12px #00000017}.about-partner span{min-width:0;color:var(--text-primary);letter-spacing:-.1px;overflow-wrap:anywhere;font-size:12px;font-weight:650;line-height:1.3;transition:color .18s}.about-partner:hover span{color:var(--accent-blue-bright)}.about-partners-row:has(.about-partner:only-child){max-width:420px}@media (width>=900px){.about-partners-row{overflow-x:auto}.about-partner{flex-basis:210px}}@media (width<=700px){.about-partners{margin-top:42px;padding-top:26px}.about-partners-heading h2{font-size:20px}.about-partners-row{border-radius:10px;margin-top:17px}.about-partner{flex:0 0 175px;gap:10px;min-height:68px;padding:10px 14px}.about-partner img{border-radius:8px;width:38px;height:38px;padding:4px}.about-partner span{font-size:11px}.about-partners-row:has(.about-partner:only-child){max-width:100%}}.about-section{padding:68px 0 0}.about-section-heading h2,.about-platform h2,.about-cta h2{color:var(--text-primary);letter-spacing:-.7px;margin-top:10px;font-size:clamp(24px,3vw,34px)}.about-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.about-audience-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.about-audience-card h3{color:var(--text-primary);margin-top:18px;font-size:19px}.about-audience-card>p{color:var(--text-secondary);margin-top:10px;font-size:13px;line-height:1.75}.about-audience-card ul{gap:10px;margin:20px 0;list-style:none;display:grid}.about-audience-card li{color:var(--text-secondary);align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;display:flex}.about-audience-card li svg{color:var(--color-success);flex:none}.about-card-link{color:var(--accent-blue-bright);align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.about-card-link:hover{color:var(--text-primary)}.about-platform{background:linear-gradient(115deg, #0a66c21a, var(--bg-card));border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:18px;margin-top:52px;padding:28px;display:flex}.about-platform h2{font-size:24px}.about-platform p{margin-top:10px;font-size:13px}.about-cta{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;margin-top:52px;padding:26px 0;display:flex}.about-cta h2{font-size:23px}.about-cta p{margin-top:7px;font-size:13px}.about-byline{color:var(--text-muted);justify-content:center;align-items:center;gap:4px;padding-top:22px;font-size:12px;display:flex}.about-byline a{font-size:12px}@media (width<=700px){.about-page{padding:36px 18px 28px}.about-hero{grid-template-columns:1fr;gap:28px;padding-top:10px}.about-hero-copy h1{letter-spacing:-1.3px}.about-hero-stats{grid-template-columns:1fr;padding:10px}.about-stat-card{align-items:flex-start;gap:9px;padding:8px 4px}.about-stat-icon{width:34px;height:34px}.about-stat-card strong{font-size:21px}.about-stat-card div span{font-size:11px}.about-audience-grid{grid-template-columns:1fr}.about-section{padding-top:48px}.about-platform{flex-direction:column;margin-top:40px;padding:20px}.about-cta{flex-direction:column;align-items:flex-start;margin-top:38px}}@media (width<=380px){.about-hero-stats{grid-template-columns:1fr}.about-stats-note{grid-column:1/-1}}.terms-page{width:100%;max-width:1600px;margin:0 auto;padding:20px clamp(20px,4vw,64px) 48px}.terms-back-link{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.terms-back-link:hover{color:var(--accent-blue-bright)}.terms-header{border-bottom:1px solid var(--border-color);padding:28px 0 22px}.terms-header h1{color:var(--text-primary);letter-spacing:-1px;margin-top:14px;font-size:clamp(28px,4vw,38px)}.terms-header>p{color:var(--text-muted);margin-top:8px;font-size:12px}.terms-header .terms-intro{max-width:700px;color:var(--text-secondary);margin-top:18px;font-size:14px;line-height:1.75}.terms-content{gap:22px;padding:26px 0;display:grid}.terms-section h2{color:var(--text-primary);margin-bottom:8px;font-size:16px}.terms-section p{color:var(--text-secondary);margin-top:9px;font-size:13px;line-height:1.8}.terms-agreement{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;gap:16px;padding:20px;display:grid}.terms-agreement label{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.terms-agreement input{accent-color:var(--accent-blue-bright);flex:none;margin-top:3px}.terms-agreement .btn-primary{justify-self:start;padding:10px 14px}.terms-agreement .btn-primary:disabled{cursor:not-allowed}@media (width<=520px){.terms-page{padding:24px 18px 40px}.terms-agreement .btn-primary{justify-content:center;justify-self:stretch}}:root{--bg-main:#0a0a0a;--bg-card:#161616;--bg-elevated:#1e1e1e;--bg-hover:#242424;--bg-active:#0a66c21f;--border-color:#2a2a2a;--border-strong:#3a3a3a;--accent-blue:#0a66c2;--accent-blue-bright:#0d7aeb;--accent-blue-glow:#0a66c240;--accent-blue-soft:#0a66c214;--text-primary:#e6e6e6;--text-secondary:#b0b7c3;--text-muted:#7d8590;--text-faint:#565d66;--text-code:#c9d1d9;--color-easy:#2ea043;--color-medium:#d29922;--color-hard:#da3633;--color-success:#2ea043;--color-danger:#da3633;--color-warning:#d29922;--color-info:#0d7aeb;--syntax-keyword:#61afef;--syntax-string:#e5c07b;--syntax-function:#d19a66;--syntax-comment:#7f848e;--syntax-number:#d19a66;--syntax-variable:#e06c75;--syntax-type:#56b6c2;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:auto}body{background:var(--bg-main);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}::selection{color:var(--text-primary);background:#0a66c24d}:focus-visible{outline:2px solid var(--accent-blue-bright);outline-offset:2px}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-card) inset;transition:background-color 5000s ease-in-out}.prevent-select{-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.2s ease-out fadeIn}.slide-up{animation:.3s ease-out slideUp}.session-state{background:var(--bg-main);min-height:100vh;color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 20px;display:flex}.session-state>svg{color:var(--accent-blue-bright)}.session-state .session-state-icon{animation:1s linear infinite spin}.session-state h1{font-size:20px}.session-state p{max-width:440px;color:var(--text-muted);font-size:14px;line-height:1.6}.session-state .btn-primary{margin-top:4px}.difficulty-badge{font-size:11px;font-weight:600;font-family:var(--font-ui);letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.difficulty-badge.easy{color:var(--color-easy);background:#2ea0431f;border:1px solid #2ea0434d}.difficulty-badge.medium{color:var(--color-medium);background:#d299221f;border:1px solid #d299224d}.difficulty-badge.hard{color:var(--color-hard);background:#da36331f;border:1px solid #da36334d}.status-tag{font-size:11px;font-weight:600;font-family:var(--font-ui);border-radius:20px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.status-tag.passed{color:var(--color-success);background:#2ea0431f;border:1px solid #2ea0434d}.status-tag.failed{color:var(--color-danger);background:#da36331f;border:1px solid #da36334d}.status-tag.accepted{color:var(--color-success);background:#2ea0431f;border:1px solid #2ea0434d}@media (prefers-reduced-motion:reduce){.session-state .session-state-icon{animation:none}}.btn-primary{background:var(--accent-blue);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;transition:all .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-blue-bright);box-shadow:0 0 12px var(--accent-blue-glow)}.btn-primary:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-strong);font-size:13px;font-weight:500;font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-blue-bright);color:var(--text-primary)}.home-page>section,.home-page>div{width:100%}@media (width<=800px){.home-page [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media print{nav,footer,button{display:none!important}body{color:#111;background:#fff}}.tab-btn{color:var(--text-muted);font-size:13px;font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-weight:500;transition:all .15s;display:inline-flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-blue-bright)}.tab-btn.active svg{color:var(--accent-blue-bright)}.code-text{font-family:var(--font-code)}.challenge-device-notice{background:var(--bg-main);min-height:100vh;color:var(--text-primary);font-family:var(--font-ui);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 20px;display:flex}.challenge-device-notice>svg{color:var(--accent-blue-bright)}.battle-room-page,.create-battle-page,.leaderboard-page{width:100%;max-width:1600px;margin:0 auto!important;padding:20px clamp(20px,4vw,64px) 48px!important}.challenge-device-notice h1{font-size:clamp(21px,5vw,28px)}.challenge-device-notice p{max-width:480px;color:var(--text-muted);font-size:14px;line-height:1.7}@media (width<=900px){.app-navbar{flex-wrap:wrap;gap:6px 12px;min-height:56px;height:auto!important;padding:8px 16px!important}.app-navbar>div:first-child{flex-wrap:wrap;flex:100%;gap:6px 16px!important}.app-navbar>div:first-child>div{flex-wrap:wrap}.app-navbar a{max-width:100%}.app-navbar>div:last-child{margin-left:auto}.about-page{padding-top:40px}.battle-room-page,.create-battle-page,.leaderboard-page{padding:20px!important}.battle-room-page [style*=grid-template-columns],.create-battle-page [style*=grid-template-columns],.leaderboard-page [style*=grid-template-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.battle-room-page [style*=min-width],.create-battle-page [style*=min-width],.leaderboard-page [style*=min-width]{min-width:0!important}}@media (width<=600px){.app-navbar{padding:8px 12px!important}.app-navbar>div:first-child{gap:6px 10px!important}.app-navbar>div:first-child>div{flex:100%;gap:2px}.app-navbar>div:first-child>div a{padding:7px 9px!important;font-size:12px!important}.app-navbar>div:last-child>button>span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.auth-page{padding:16px!important}.auth-page section{padding:22px!important}.battle-room-page,.create-battle-page,.leaderboard-page{padding:16px!important}.battle-room-page [style*=grid-template-columns],.create-battle-page [style*=grid-template-columns],.leaderboard-page [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.battle-room-page [style*="padding: 28px 32px"],.create-battle-page [style*="padding: 28px 32px"]{padding:20px!important}.battle-room-page [style*="display: flex"],.create-battle-page [style*="display: flex"],.leaderboard-page [style*="display: flex"]{max-width:100%}.battle-room-page table,.leaderboard-page table{max-width:100%;display:block;overflow-x:auto}.battle-room-page input,.battle-room-page select,.battle-room-page textarea,.create-battle-page input,.create-battle-page select,.create-battle-page textarea{max-width:100%}.profile-page{padding:24px 16px 40px!important}.profile-page .profile-hero{flex-wrap:wrap;padding:20px!important}}@media (width<=380px){.app-navbar>div:first-child>div a{gap:4px!important;padding:6px!important;font-size:11px!important}.app-navbar>div:first-child>div a svg{width:14px}.about-hero-copy h1{font-size:34px}}html,body,#root{min-width:0}body{overflow-x:hidden}img,svg,video,canvas{max-width:100%}.home-page,.about-page,.terms-page,.profile-page,.battle-room-page,.create-battle-page,.leaderboard-page{min-width:0}.home-page h1,.home-page h2,.home-page h3,.about-page h1,.about-page h2,.about-page h3,.terms-page h1,.terms-page h2,.profile-page h1,.profile-page h2,.battle-room-page h1,.battle-room-page h2,.create-battle-page h1,.create-battle-page h2,.leaderboard-page h1,.leaderboard-page h2{overflow-wrap:anywhere}.app-navbar-main,.app-navbar-links,.app-navbar-account{min-width:0}.room-list-scroll{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.room-list-created .room-list-row,.room-list-joined .room-list-row{min-width:650px}.room-list-created .room-list-row{grid-template-columns:100px minmax(180px,1fr) 90px 70px 90px 90px}.room-list-joined .room-list-row{grid-template-columns:100px minmax(180px,1fr) 80px 80px 100px}@media (width<=600px){.app-navbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px!important;display:grid!important}.app-navbar-main{display:contents!important}.app-navbar-main>a:first-child{grid-area:1/1;font-size:16px!important}.app-navbar-main>a:first-child svg{width:20px}.app-navbar-links{overscroll-behavior-x:contain;scrollbar-width:none;grid-area:2/1/auto/-1;max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;gap:2px!important;display:flex!important}.app-navbar-links::-webkit-scrollbar{display:none}.app-navbar-links a{white-space:nowrap;flex:none;min-height:38px}.app-navbar-account{grid-area:1/2;margin-left:0!important}.app-navbar-account>button{gap:6px!important;padding:3px 4px!important}.app-navbar-account>button>span{max-width:min(26vw,120px)!important}.app-footer{flex-wrap:wrap;gap:8px 12px;align-items:flex-start!important;padding:12px 16px!important}.app-footer>div:last-child{flex-wrap:wrap;gap:6px 12px!important}.tab-btn{white-space:nowrap;flex:none;min-height:40px;padding:7px 11px}.battle-room-page>div:nth-child(2){overscroll-behavior-x:contain;scrollbar-width:thin;margin-right:-16px;padding-right:16px;overflow-x:auto;gap:4px!important}.battle-room-page .room-list-created .room-list-row{grid-template-columns:100px minmax(180px,1fr) 90px 70px 90px 90px!important;min-width:690px!important}.battle-room-page .room-list-joined .room-list-row{grid-template-columns:100px minmax(180px,1fr) 80px 80px 100px!important;min-width:600px!important}.create-step-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px;overflow-x:auto;flex-wrap:nowrap!important}.create-step-tab{white-space:nowrap;flex:none;min-height:40px}.create-battle-page>div[style*="padding: 24px"],.create-battle-page>div[style*="padding: 28px"]{padding:16px!important}.leaderboard-page>div:first-child>div:last-child{width:100%}.leaderboard-page>div:first-child>div:last-child>button{justify-content:center;width:100%}.leaderboard-page p{overflow-wrap:anywhere;line-height:1.7}.battle-room-page input,.battle-room-page select,.battle-room-page textarea,.create-battle-page input,.create-battle-page select,.create-battle-page textarea,.auth-page input,.auth-page select,.auth-page textarea{font-size:16px!important}.challenge-device-notice{min-height:100dvh;padding:24px 18px}}@media (width<=380px){.app-navbar{padding:8px 10px!important}.app-navbar-links a{padding:6px 8px!important;font-size:11px!important}.app-footer{font-size:11px!important}.battle-room-page,.create-battle-page,.leaderboard-page{padding-left:12px!important;padding-right:12px!important}}