.auth{background:var(--bg);grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.auth-brand{padding:var(--sp-48);color:#fff;background:linear-gradient(155deg, var(--accent-700) 0%, var(--accent) 58%, var(--accent-600) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-brand-shot{z-index:0;aspect-ratio:16/10;border-radius:var(--radius-lg);transform-origin:100% 100%;pointer-events:none;background:#fff url(/auth-showcase.png) 0 0/cover no-repeat;border:1px solid #ffffff80;width:78%;max-width:760px;position:absolute;bottom:-48px;right:-64px;transform:perspective(1800px)rotateX(7deg)rotateY(-17deg)rotate(1.5deg);box-shadow:0 50px 90px -28px #0312308c,0 10px 30px #03123047}.auth-brand:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(1100px 480px at 90% -8%,#ffffff2e,#0000 60%),linear-gradient(118deg,#0b50bdf7 16%,#0b50bdb8 40%,#0b50bd47 66%,#0b50bd14 100%),linear-gradient(#0000 66%,#08347c99 100%);position:absolute;inset:0}.auth-brand-top{align-items:center;gap:var(--sp-12);z-index:1;display:flex;position:relative}.auth-brand-name{font-weight:var(--fw-black);font-size:var(--text-page);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.brand-tld{color:var(--accent)}.auth-brand-name .brand-tld{color:#93bbff}.auth-brand-lockup{line-height:var(--lh-tight);flex-direction:column;display:flex}.auth-brand-tag{font-size:var(--text-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);line-height:var(--lh-tight);color:#ffffffb8}.auth-brand-body{z-index:1;margin-top:auto;margin-bottom:auto;position:relative}.auth-headline{font-size:var(--text-hero);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin:0 0 var(--sp-16);max-width:15ch}.auth-sub{font-size:var(--text-ui);line-height:var(--lh-relaxed);color:#ffffffd1;margin:0 0 var(--sp-32);max-width:42ch}.auth-feats{gap:var(--sp-16);flex-direction:column;display:flex}.auth-feat{align-items:center;gap:var(--sp-12);font-size:var(--text-ui);font-weight:var(--fw-medium);color:#fffffff2;display:flex}.auth-feat span.fi{border-radius:var(--radius-md);background:#ffffff24;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.auth-brand-foot{z-index:1;font-size:var(--text-caption);color:#ffffffb8;gap:var(--sp-16);display:flex;position:relative}.auth-main{padding:var(--sp-40) var(--sp-24);place-items:center;display:grid}.auth-card{width:100%;max-width:26rem}.auth-card--wide{max-width:38rem}.auth-logo-sm{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-24);display:none}.auth-title{font-size:var(--text-page);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);color:var(--ink-900);margin:0 0 var(--sp-6)}.auth-lead{font-size:var(--text-ui);line-height:var(--lh-normal);color:var(--ink-500);margin:0 0 var(--sp-24)}.auth-form{gap:var(--sp-16);flex-direction:column;display:flex}.auth-row{gap:var(--sp-12);grid-template-columns:1fr 1fr;display:grid}.auth-form .lbl-row{justify-content:space-between;align-items:center;display:flex}.auth-link{font-size:var(--text-caption);font-weight:var(--fw-semibold);color:var(--accent-700);cursor:pointer;text-decoration:none}.auth-link:hover{color:var(--accent)}.auth-check{align-items:flex-start;gap:var(--sp-8);font-size:var(--text-caption);color:var(--ink-600);line-height:var(--lh-normal);cursor:pointer;display:flex}.auth-check input{margin-top:var(--sp-2);accent-color:var(--accent);flex-shrink:0;width:1rem;height:1rem}.auth-submit{width:100%;height:var(--ctl-h);margin-top:var(--sp-4)}.auth-divider{align-items:center;gap:var(--sp-12);margin:var(--sp-24) 0;color:var(--ink-400);font-size:var(--text-caption);font-weight:var(--fw-semibold);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-passkey{width:100%;height:var(--ctl-h);gap:var(--sp-8)}.auth-alt{margin-top:var(--sp-24);text-align:center;font-size:var(--text-ui);color:var(--ink-500)}.auth-pw-hint{font-size:var(--text-caption);color:var(--ink-400);margin-top:var(--sp-6)}.auth-asuser{justify-content:space-between;align-items:center;gap:var(--sp-12);margin:var(--sp-4) 0 var(--sp-20);padding:var(--sp-12) var(--sp-16);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-ui);color:var(--ink-600);display:flex}.auth-asuser-out{cursor:pointer;font:inherit;background:0 0;border:none;flex-shrink:0;padding:0}@media (max-width:880px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-logo-sm{display:flex}}