.auth-body{background:radial-gradient(circle at 12% 88%,#a442001f,#0000 27rem),radial-gradient(circle at 88% 8%,#ffffff0b,#0000 28rem),#111;min-height:100dvh}.auth-body.is-compact-auth{grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;display:grid}.auth-header{z-index:3;justify-content:space-between;align-items:center;min-height:88px;display:flex;position:relative}.auth-brand{display:inline-flex}.auth-back{color:#ffffffb8;border-bottom:1px solid #ffffff3d;align-items:center;gap:.65rem;padding:.6rem 0;font-size:.78rem;font-weight:650;transition:border-color .22s,color .22s;display:inline-flex}.auth-back:hover{border-color:var(--accent);color:#fff}.auth-main{grid-template-columns:minmax(0,.86fr) minmax(440px,.74fr);align-items:start;gap:clamp(4rem,9vw,10rem);min-height:calc(100dvh - 152px);padding-block:3rem 6rem;display:grid;position:relative}.auth-main.is-success{justify-content:center;max-width:780px;display:flex}.auth-main.is-compact{align-items:center;min-height:0;padding-block:1.5rem 2.25rem}.auth-main>section{min-height:0}.auth-intro{max-width:630px}.auth-intro .eyebrow{margin:0 0 1.4rem}.auth-intro h1{letter-spacing:-.07em;text-wrap:balance;max-width:620px;margin:0;font-size:clamp(3.4rem,6vw,6.8rem);font-weight:520;line-height:.9}.auth-intro h1 span{color:var(--accent)}.auth-intro>p:not(.eyebrow){max-width:510px;color:var(--muted);margin:2rem 0 0;font-size:1rem;line-height:1.7}.access-sequence{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:520px;margin-top:4rem;display:grid}.access-sequence span{color:#ffffffb8;letter-spacing:.08em;padding:1.15rem .75rem 0 0;font-family:JetBrains Mono Variable,monospace;font-size:.6rem;position:relative}.access-sequence span:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0;box-shadow:0 0 0 5px #a442001f}.auth-card{background:#171717;border:1px solid #ffffff21;border-radius:24px;justify-self:end;width:100%;max-width:540px;padding:clamp(1.4rem,3.5vw,2.5rem);box-shadow:inset 0 1px #ffffff0f,0 36px 100px #0000003d}.auth-card-header span{color:#ffffffb8;letter-spacing:.1em;font-family:JetBrains Mono Variable,monospace;font-size:.62rem}.auth-card-header h2{letter-spacing:-.055em;margin:.65rem 0 0;font-size:clamp(2rem,4vw,3.2rem);font-weight:540;line-height:1}.auth-card-header p{color:var(--muted);margin:1rem 0 0;font-size:.86rem;line-height:1.6}.email-auth{gap:.75rem;margin-top:2rem;display:grid}.auth-fields{grid-template-columns:1fr;gap:.75rem;display:grid}.auth-field{align-content:start;gap:.45rem;display:grid}.auth-field-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legal-consent{grid-template-columns:auto 1fr;align-items:start;gap:.35rem .7rem;margin-top:1.25rem;display:grid}.legal-consent input{width:1.2rem;min-height:1.2rem;accent-color:var(--accent);margin:.12rem 0 0}.legal-consent label,.legal-consent p{color:#ffffffc2;margin:0;font-size:.72rem;line-height:1.55}.legal-consent a{color:#fff;border-bottom:1px solid}.legal-consent-error{grid-column:2;color:#ffb08e!important}.email-auth label{color:#ffffffc7;font-size:.75rem;font-weight:650}.email-auth input{color:#fff;background:#111;border:1px solid #ffffff2e;border-radius:12px;width:100%;min-height:56px;padding-inline:1rem}.auth-entry-content{display:contents}.auth-main[data-auth-entry=checking] .auth-entry-content>*{visibility:hidden}.auth-session-check{color:#ffffff9e;align-content:center;justify-items:center;gap:1rem;display:none;position:absolute;inset:0}.auth-main[data-auth-entry=checking] .auth-session-check{display:grid}.auth-session-check span{background:#ffffff1f;width:42px;height:2px;overflow:hidden}.auth-session-check span:after{background:var(--accent);content:"";transform-origin:0;width:55%;height:100%;animation:.9s ease-in-out infinite alternate auth-session-check;display:block}.auth-session-check p{margin:0;font-size:.72rem}.oauth-options{margin-top:2rem}.provider-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.provider-button{color:#ffffffdb;min-height:56px;font:inherit;cursor:pointer;background:#111;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:1.1rem auto;justify-content:center;align-items:center;gap:.75rem;padding-inline:1rem;font-size:.72rem;font-weight:680;transition:border-color .22s,background .22s,color .22s,transform .22s cubic-bezier(.32,.72,0,1);display:inline-grid}.provider-button svg{width:1.1rem;height:1.1rem}.provider-button[data-oauth-provider=google]{color:#1f1f1f;background:#fff;border-color:#747775}.provider-button[data-oauth-provider=twitch]{color:#fff;background:#9146ff;border-color:#9146ff}.provider-button[data-oauth-provider=twitch] svg{fill:currentColor}.provider-button:hover{transform:translateY(-1px)}.provider-button[data-oauth-provider=google]:hover{color:#1f1f1f;background:#f2f2f2;border-color:#8e918f}.provider-button[data-oauth-provider=twitch]:hover{color:#fff;background:#9146ff;border-color:#fff}.provider-button:active{transform:translateY(1px)scale(.99)}.provider-button:disabled{opacity:.5;cursor:wait;transform:none}.oauth-status{color:#ffffff8f;min-height:1rem;margin:.65rem 0 0;font-size:.68rem;line-height:1.45}.oauth-status:empty{display:none}.oauth-options[data-state=error] .oauth-status{color:#ef9a70}.auth-divider{color:#ffffffad;grid-template-columns:1fr auto 1fr;align-items:center;gap:.9rem;margin-top:1.4rem;font-size:.62rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1c;height:1px}.password-field{position:relative}.password-field input{padding-right:4.6rem}.password-toggle{color:#ffffff9e;cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:.68rem;font-weight:650;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.email-auth small{color:#ffffffb8;margin-top:-.25rem;font-size:.63rem}.field-error{color:#ef9a70;min-height:.9rem;margin-top:-.45rem;font-size:.66rem}.field-error:empty{display:none}.email-auth input[aria-invalid=true]{border-color:#c75b32}.form-status{color:#ffffffa8;min-height:1.2rem;margin:.15rem 0 0;font-size:.72rem;line-height:1.5}.form-status:empty{display:none}.form-status[data-state=error]{color:#ef9a70}.form-status[data-state=success]{color:#d6b29b}.auth-submit:disabled{opacity:.55;cursor:wait;transform:none}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-top:1.4rem;display:flex}.auth-links a,.auth-text-link{color:#ffffffad;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff3d;padding:.35rem 0;font-size:.71rem}.auth-links a:hover,.auth-text-link:hover{border-color:var(--accent);color:#fff}.auth-links-single{justify-content:flex-end}.auth-switch{color:#ffffffb3;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.55rem;margin-top:1.5rem;padding-top:1.4rem;font-size:.72rem;display:flex}.auth-switch a{color:#ffffffd1;border-bottom:1px solid #ffffff4d;padding-block:.25rem;font-weight:680;transition:border-color .22s,color .22s}.auth-switch a:hover{border-color:var(--accent);color:#fff}.email-auth input::placeholder{color:#ffffff9e}.email-auth .auth-submit{background:var(--accent);min-height:56px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:12px;font-weight:700;transition:background .24s,color .24s,transform .24s cubic-bezier(.32,.72,0,1)}.email-auth .auth-submit:hover{color:#111;background:#fff;transform:translateY(-2px)}.email-auth .auth-submit:active{transform:translateY(1px)scale(.99)}.auth-legal{color:#ffffffb3;text-wrap:pretty;margin:1.5rem 0 0;font-size:.67rem;line-height:1.6}.auth-legal a{color:#ffffffbf;border-bottom:1px solid #ffffff40}.auth-legal a:hover{border-color:var(--accent);color:#fff}.auth-main.is-compact .auth-card{padding:clamp(1.35rem,2.6vw,2rem)}.auth-main.is-compact .oauth-options,.auth-main.is-compact .email-auth{margin-top:1.35rem}.auth-main.is-compact .provider-button,.auth-main.is-compact .email-auth input,.auth-main.is-compact .email-auth .auth-submit{min-height:50px}.auth-main.is-compact .auth-divider{margin-top:1rem}.auth-main.is-compact .auth-switch{margin-top:1rem;padding-top:1rem}.auth-main.is-compact .auth-links,.auth-main.is-compact .auth-legal{margin-top:1rem}.success-card{text-align:center;justify-self:center;max-width:720px;padding:clamp(2rem,6vw,5rem)}.success-mark{background:#111;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:6rem;height:6rem;margin-inline:auto;display:grid;box-shadow:0 0 0 8px #ffffff06}.success-state{color:#ffffff9e;letter-spacing:.09em;align-items:center;gap:.6rem;margin-top:2rem;font-family:JetBrains Mono Variable,monospace;font-size:.62rem;display:inline-flex}.success-state i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite auth-pulse;box-shadow:0 0 0 5px #a4420021}.success-card h1{letter-spacing:-.065em;text-wrap:balance;max-width:610px;margin:1.25rem auto 0;font-size:clamp(2.6rem,6vw,5rem);font-weight:520;line-height:.96}.success-card>p{max-width:520px;color:var(--muted);margin:1.5rem auto 0;line-height:1.7}.success-card .button{margin-top:2.2rem}.auth-footer{color:#ffffffad;letter-spacing:.06em;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:64px;font-family:JetBrains Mono Variable,monospace;font-size:.58rem;display:flex}@keyframes auth-pulse{50%{opacity:.35;transform:scale(.72)}}.auth-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1rem;display:flex}.auth-footer a{color:#ffffffb8}@keyframes auth-session-check{0%{transform:translate(0)scaleX(.45)}to{transform:translate(82%)scaleX(1)}}@media (width<=900px){.auth-main{grid-template-columns:1fr;gap:3.5rem;min-height:auto;padding-block:4rem 6rem}.auth-intro h1{max-width:720px;font-size:clamp(3.2rem,11vw,5.4rem)}.auth-card{justify-self:stretch;max-width:none}.auth-body.is-compact-auth{grid-template-rows:auto minmax(0,1fr)}.is-compact-auth .auth-footer,.auth-main.is-compact .auth-intro{display:none}.auth-main.is-compact{justify-content:center;align-items:center;width:min(100% - 2rem,580px);min-height:0;padding-block:1.25rem 2rem;display:flex}.auth-main.is-compact .auth-card{max-width:540px}}@media (width<=540px){.auth-header{min-height:76px}.auth-back{font-size:.7rem}.auth-main{gap:2.75rem;padding-block:3.25rem 4.5rem}.auth-intro h1{font-size:clamp(3rem,15vw,4.3rem)}.auth-intro>p:not(.eyebrow){margin-top:1.4rem}.access-sequence{margin-top:2.75rem}.access-sequence span{padding-right:.35rem;font-size:.52rem}.auth-card{border-radius:18px;padding:1.25rem}.provider-list{grid-template-columns:1fr}.auth-main.is-compact{width:min(100% - 1.25rem,540px);padding-block:.75rem 1.25rem}.auth-main.is-compact .auth-card-header p{margin-top:.7rem}.auth-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;padding-block:1.25rem}.success-card{padding-block:2.5rem}}@media (width<=540px) and (height<=700px){.is-compact-auth .auth-header{min-height:64px}.auth-main.is-compact{padding-block:.5rem .75rem}.auth-main.is-compact .auth-card{padding:1rem}.auth-main.is-compact .auth-card-header h2{margin-top:.4rem;font-size:1.8rem}.auth-main.is-compact .auth-card-header p{display:none}.auth-main.is-compact .oauth-options,.auth-main.is-compact .email-auth{margin-top:1rem}.auth-main.is-compact .provider-button,.auth-main.is-compact .email-auth input,.auth-main.is-compact .email-auth .auth-submit{min-height:46px}.auth-main.is-compact .auth-divider,.auth-main.is-compact .auth-switch,.auth-main.is-compact .auth-links,.auth-main.is-compact .auth-legal{margin-top:.75rem}.auth-main.is-compact .auth-switch{padding-top:.75rem}}@media (prefers-reduced-motion:reduce){.auth-session-check span:after{animation:none}}