.auth-page{padding-top:clamp(64px,8vw,110px)!important;background:var(--ink);color:var(--paper)}
.auth-shell{width:min(1180px,100%);margin:0 auto}.auth-heading{max-width:760px;margin-bottom:44px}.auth-heading h1{font:900 clamp(68px,9vw,118px)/.82 'Barlow Condensed',sans-serif;letter-spacing:-3px;margin:26px 0}.auth-heading p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}
.auth-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.auth-provider{min-height:365px;padding:36px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:flex-start}.auth-provider.connected{border-top:3px solid var(--success)}.auth-provider small,.auth-account-card small{color:var(--orange);font:800 11px/1.2 'Barlow Condensed',sans-serif;letter-spacing:2px}.auth-provider h2{font:900 clamp(38px,4vw,56px)/1 'Barlow Condensed',sans-serif;margin:17px 0}.auth-provider p{color:var(--muted);font-size:14px;line-height:1.7;max-width:450px;margin:0 0 30px}.auth-provider .button,.provider-status,.provider-unavailable{margin-top:auto}.provider-mark{width:54px;height:54px;margin-bottom:30px;display:grid;place-items:center;border:1px solid var(--line);font:900 27px 'Barlow Condensed',sans-serif}.steam-mark{background:#171d25;color:#66c0f4}.discord-mark{background:#5865f2;color:#fff}.discord-button{background:#5865f2;color:#fff}.provider-status{color:var(--success);font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:2px}.provider-unavailable{color:var(--muted);font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;border:1px solid var(--line);padding:14px 16px}.auth-privacy{display:block;margin-top:16px;color:var(--muted);font-size:11px;line-height:1.5}.auth-footnote{max-width:760px;color:var(--muted);font-size:13px;line-height:1.7;margin:28px 0 0}.auth-account-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px;margin-bottom:18px;border:1px solid var(--line);background:var(--panel)}.auth-avatar{width:68px;height:68px;background:var(--ink);display:grid;place-items:center;overflow:hidden}.auth-avatar img{width:100%;height:100%;object-fit:cover}.auth-avatar span{font:900 34px 'Barlow Condensed',sans-serif}.auth-account-card h2{font:800 30px 'Barlow Condensed',sans-serif;margin:4px 0}.auth-account-card p{color:var(--muted);margin:0}.auth-continue{margin-top:22px}.auth-notice{border:1px solid var(--line);padding:16px 18px;margin:0 0 18px}.auth-notice.success{border-left:4px solid var(--success)}.auth-notice.error{border-left:4px solid var(--orange)}
html[data-theme=light] .auth-page{background:var(--paper);color:#111}html[data-theme=light] .auth-provider,html[data-theme=light] .auth-account-card{background:#f8f4ec;border-color:#cbc5ba}html[data-theme=light] .auth-avatar{background:#e8e2d8}html[data-theme=light] .auth-provider p,html[data-theme=light] .auth-heading p,html[data-theme=light] .auth-footnote,html[data-theme=light] .auth-account-card p,html[data-theme=light] .auth-privacy{color:#696862}
@media(max-width:760px){.auth-provider-grid{grid-template-columns:1fr}.auth-account-card{grid-template-columns:auto 1fr}.auth-account-card .button{grid-column:1/-1}.auth-provider{min-height:330px;padding:28px}}