.auth-page{--auth-background:oklch(95.4% .022 250);--auth-frame:var(--surface-dark);--auth-card:oklch(100% 0 0);--auth-ink:oklch(24% .035 266);--auth-muted:oklch(53% .023 262);--auth-border:oklch(90% .012 250);--auth-primary:oklch(57.8% .213 264);--auth-primary-hover:oklch(49% .2 264);--auth-shadow:0 24px 64px -28px color-mix(in oklab, var(--auth-frame) 36%, transparent);background:var(--auth-background);min-height:100svh;color:var(--auth-ink);letter-spacing:0;grid-template-columns:minmax(0,1fr);place-items:center;padding:48px 32px;display:grid}.auth-frame{isolation:isolate;border:14px solid var(--auth-frame);width:min(1200px,100%);min-height:704px;box-shadow:var(--auth-shadow);border-radius:40px;justify-content:flex-end;align-items:center;padding:22px;display:flex;position:relative;overflow:hidden}.auth-scene{z-index:-1;object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.auth-card{background:var(--auth-card);width:430px;box-shadow:var(--auth-shadow);border-radius:28px;flex-shrink:0;padding:44px 42px 28px}.auth-logo{object-fit:contain;width:156px;height:62px;margin:0 auto 30px;transform:scale(1.6)}.auth-title{text-align:center;font-size:32px;font-weight:650;line-height:1.2}.auth-subtitle{text-align:center;color:var(--auth-muted);margin-top:10px;font-size:14px;line-height:1.6}.auth-form{gap:18px;margin-top:30px;display:grid}.auth-label{color:var(--auth-muted);margin:0 0 8px 16px;font-size:12px;font-weight:600;display:block}.auth-input-wrap{position:relative}.auth-input{border:1px solid var(--auth-border);background:var(--auth-card);width:100%;height:52px;color:var(--auth-ink);border-radius:999px;outline:none;padding:0 20px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--auth-primary) 14%, transparent)}.auth-input-password{padding-right:54px}.auth-eye{color:var(--auth-muted);border-radius:999px;position:absolute;top:8px;right:10px}.auth-eye:hover{color:var(--auth-primary);background:var(--auth-background)}.auth-submit{background:var(--auth-primary);width:100%;height:52px;color:var(--primary-foreground);box-shadow:none;border-radius:999px;font-weight:600}.auth-submit:hover{background:var(--auth-primary-hover)}.auth-forgot{height:auto;color:var(--auth-primary);justify-self:center;padding:4px;font-size:13px}.auth-footer{text-align:center;color:var(--auth-muted);margin-top:40px;font-size:11px}.auth-reset{border-top:1px solid var(--auth-border);margin-top:22px;padding-top:22px}.auth-reset-copy{color:var(--auth-muted);margin-bottom:16px;font-size:13px;line-height:1.6}.auth-reset-status{text-align:center;color:var(--auth-muted);margin-top:16px;font-size:13px;line-height:1.6}@media (width<=899px){.auth-page{padding:24px 16px}.auth-frame{border-width:8px;border-radius:32px;width:min(460px,100%);min-width:0;min-height:0;padding:12px;display:block}.auth-scene{display:none}.auth-frame{background:var(--auth-background)}.auth-card{border-radius:22px;width:100%;padding:34px 24px 26px}.auth-title{font-size:28px}.auth-logo{margin-bottom:26px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none}}
