.login-surface{min-height:100svh;grid-template-columns:1fr 1fr;background:var(--rail)}.login-surface .auth-intro{background:radial-gradient(ellipse at 10% 80%,#8870ed14,transparent 65%),#121214;border-right:1px solid #2b2b31;padding:clamp(32px,5vw,88px);color:#f2f2f5}.login-surface .auth-intro:after{display:none}.login-surface .auth-wordmark{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:600;color:#f2f2f5;text-decoration:none;letter-spacing:-1px}.login-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #8870ed;border-radius:11px;color:#c1b2ff;font-size:24px}.login-surface .auth-intro h1{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-.05em;max-width:590px}.login-surface .auth-intro .eyebrow{color:#ab98f4}.login-surface .auth-intro p:not(.eyebrow){color:#a0a0ac;font-size:16px}.login-back{color:#a0a0ac;font-size:13px;text-decoration:none}.login-back:hover{color:#f2f2f5}.login-surface .auth-entry{padding:64px clamp(32px,6vw,100px);align-items:center;background:var(--canvas)}.login-surface .auth-entry>*{width:100%;max-width:420px}.login-surface .auth-entry-copy{margin-bottom:32px}.login-surface .auth-entry-copy h2{font-size:30px;font-weight:550;letter-spacing:-.035em}.login-surface .auth-entry-copy .meta{line-height:1.7;margin-top:14px}.login-surface .auth-form{gap:20px}.login-surface .auth-form input{min-height:48px;background:var(--raise);border-color:var(--line-strong);border-radius:8px}.login-surface .auth-form input:autofill{box-shadow:0 0 0 1000px var(--raise) inset;-webkit-text-fill-color:var(--ink)}.login-surface .auth-submit{min-height:48px;border-radius:8px;margin-top:6px}.login-surface a:focus-visible{outline:2px solid #ab98f4;outline-offset:5px}@media(max-width:800px){.login-surface{grid-template-columns:1fr}.login-surface .auth-intro{padding:28px;gap:30px;border-right:0;border-bottom:1px solid #2b2b31}.login-surface .auth-intro h1{font-size:32px;max-width:480px}.login-surface .auth-intro .login-back{display:none}.login-surface .auth-entry{padding:40px 24px 56px}}.login-surface .auth-intro{background:radial-gradient(ellipse at 10% 80%,#8870ed0c,transparent 65%),var(--rail);border-color:var(--line);color:var(--ink-strong)}.login-surface .auth-intro .eyebrow{color:var(--blue)}.login-surface .auth-intro p:not(.eyebrow),.login-surface .login-back{color:var(--ink-soft)}.login-surface .auth-wordmark{width:180px}.login-surface .auth-wordmark img{width:180px;height:auto}