.auth-page{background:var(--surface);grid-template-columns:minmax(360px,44%) minmax(0,1fr);min-height:100vh;display:grid}.auth-showcase{color:#fff;background:radial-gradient(circle at 92% 8%,#ffffff24,#0000 34%),linear-gradient(145deg,#176b45 0%,#12563a 54%,#0c422d 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth-showcase:before,.auth-showcase:after{content:"";border:1px solid #ffffff1c;border-radius:50%;position:absolute}.auth-showcase:before{width:420px;height:420px;top:-180px;right:-120px}.auth-showcase:after{width:620px;height:620px;bottom:-280px;right:-220px}.auth-showcase-brand{z-index:1;background:#fffffff0;border:1px solid #ffffff5c;border-radius:10px;width:fit-content;padding:10px 14px;display:inline-flex;position:relative;box-shadow:0 10px 28px #041f1426}.auth-showcase-brand .brand-logo-image{width:150px}.auth-showcase-copy{z-index:1;max-width:500px;margin:auto 0;padding:72px 0;position:relative}.auth-showcase-kicker{color:#a9dec3;letter-spacing:.14em;margin-bottom:14px;font-size:12px;font-weight:700}.auth-showcase-copy h2,.auth-showcase-copy .auth-showcase-headline{letter-spacing:-.045em;text-wrap:balance;max-width:440px;font-size:clamp(30px,3.4vw,48px);font-weight:720;line-height:1.25}.auth-showcase-copy>p:not(.auth-showcase-kicker){color:#c9e3d5;max-width:450px;margin-top:22px;font-size:15px;line-height:1.85}.auth-showcase-lead span{display:block}.auth-showcase-copy ul{gap:12px;margin-top:32px;display:grid}.auth-showcase-copy li{color:#edf8f2;align-items:center;gap:10px;font-size:14px;display:flex}.auth-showcase-copy li span{color:#d5f0e2;background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.auth-showcase-flow{z-index:1;color:#d5eadf;background:#0325173d;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:9px;width:fit-content;padding:10px 12px;font-size:11px;display:flex;position:relative}.auth-showcase-flow strong{color:#fff;font-size:12px}.auth-showcase-flow i{background:#ffffff59;width:20px;height:1px}.auth-form-column{background:#f7f8f9;place-items:center;min-width:0;padding:40px 24px;display:grid}.auth-card{width:min(520px,100%)}.auth-mobile-brand{display:none}.auth-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:40px;box-shadow:0 18px 54px #1c212714}.auth-panel h1{letter-spacing:-.025em;font-size:26px;font-weight:700}.auth-panel h1+p{color:var(--text-muted);margin-top:4px;font-size:14px}.auth-panel form{margin-top:22px}.auth-panel .form-stack{gap:20px}.auth-panel .field{gap:7px;font-size:15px}.auth-panel .field input,.auth-panel .field select{height:44px;padding:0 14px}.auth-panel .field input,.auth-panel .field textarea,.auth-panel .field select{font-size:16px}.auth-panel .button-wide{height:46px;font-size:16px}.oauth-stack{gap:8px;margin-top:18px;display:grid}.oauth-button{justify-content:center;gap:10px;min-height:48px;padding:0 16px;font-size:16px;font-weight:500;transition:border-color .16s,background-color .16s,box-shadow .16s}.oauth-button-google{color:#1f1f1f;letter-spacing:.25px;background:#fff;border:1px solid #747775;border-radius:4px;padding:0 12px;font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:20px}.oauth-button-google:hover{background:#f8faff;border-color:#5f6368}.oauth-button-github{color:#fff;background:#24292f;border:1px solid #24292f}.oauth-button-github:hover{color:#fff;background:#1b1f23;border-color:#1b1f23}.oauth-button-apple{color:#fff;background:#000;border:0;border-radius:6px;padding:0}.oauth-button-apple:hover{color:#fff;background:#000;border-color:#000}.oauth-button.is-disabled,.oauth-button.is-disabled:hover{cursor:not-allowed;opacity:.58}.oauth-apple-artwork{object-fit:contain;width:300px;max-width:100%;height:auto;display:block}.oauth-note{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:13px;line-height:18px}.oauth-icon{object-fit:contain;flex:0 0 20px;width:20px;height:20px;display:block}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";flex:1;height:1px}.code-input{font-family:var(--mono);letter-spacing:.28em;text-align:center;font-size:24px}.auth-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.auth-row a{color:var(--accent);font-size:13px}.auth-row a:hover{text-decoration:underline}.auth-footer{color:var(--text-muted);text-align:center;margin-top:14px;font-size:14px}.auth-footer a{color:var(--accent)}.auth-footer a:hover{text-decoration:underline}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-showcase{min-height:auto;padding:24px 28px 28px}.auth-showcase:before{top:-260px}.auth-showcase:after,.auth-showcase-flow,.auth-showcase-copy ul{display:none}.auth-showcase-copy{max-width:620px;margin:34px 0 0;padding:0}.auth-showcase-copy h2,.auth-showcase-copy .auth-showcase-headline{max-width:600px;font-size:30px}.auth-showcase-copy>p:not(.auth-showcase-kicker){max-width:620px;margin-top:10px;font-size:14px}.auth-form-column{padding:36px 18px 52px}}@media (max-width:560px){.auth-showcase{padding:18px 20px 22px}.auth-showcase-brand{padding:8px 11px}.auth-showcase-brand .brand-logo-image{width:126px}.auth-showcase-copy{margin-top:24px}.auth-showcase-kicker{margin-bottom:8px;font-size:10px}.auth-showcase-copy h2,.auth-showcase-copy .auth-showcase-headline{font-size:24px}.auth-showcase-copy>p:not(.auth-showcase-kicker){display:none}.auth-form-column{padding:24px 14px 40px}.auth-panel{padding:24px 20px}.auth-panel h1{font-size:23px}}.code-input-group{border:0;justify-content:space-between;gap:8px;min-width:0;margin:0;padding:0;display:flex}.code-input-cell{border:1px solid var(--border);background:var(--surface);min-width:0;max-width:52px;height:52px;color:var(--text);text-align:center;caret-color:var(--accent);border-radius:8px;flex:1 1 0;padding:0;font-size:24px;font-weight:700}.code-input-cell:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.code-input-cell:disabled{opacity:.6}.password-field{display:flex;position:relative}.auth-panel .password-field input{padding-right:44px}.password-field-toggle{width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-field-toggle:hover{background:var(--surface-hover);color:var(--text)}.password-field-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.password-strength{gap:6px;margin-top:6px;display:grid}.password-strength-bars{gap:4px;display:flex}.password-strength-bars span{background:var(--border);border-radius:999px;flex:1;height:5px;transition:background .15s}.password-strength-0 .is-filled{background:#d64545}.password-strength-1 .is-filled{background:#e08a2e}.password-strength-2 .is-filled{background:#d4b12b}.password-strength-3 .is-filled{background:#4fa36c}.password-strength-4 .is-filled{background:#1d7a4d}.password-strength-label{color:var(--text-muted);margin:0;font-size:13px;font-weight:400;line-height:1.5}.password-strength-label strong{color:var(--text);font-weight:600}
