.auth-page{color:#f4eee2;background:#191814;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-page:after{content:"";border:1px solid #e5533d38;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;left:-150px;box-shadow:0 0 0 70px #e5533d09,0 0 0 140px #e5533d06}.auth-brand{z-index:2;align-items:center;gap:11px;font:700 22px Georgia,serif;display:flex;position:absolute;top:40px;left:50px}.auth-brand span{width:36px;height:36px;font:700 9px var(--font-geist-mono);background:#e5533d;border-radius:50%;place-items:center;display:grid}.auth-copy{align-self:center;padding:180px 9vw 80px}.auth-kicker,.form-label{font:700 9px var(--font-geist-mono);letter-spacing:.14em;color:#e5533d}.auth-copy h1{letter-spacing:-.05em;margin:26px 0;font:400 clamp(54px,6vw,86px)/.96 Georgia,serif}.auth-copy h1 em{color:#e5533d}.auth-copy>p:not(.auth-kicker){color:#aaa498;max-width:500px;font-size:15px;line-height:1.75}.auth-proof{align-items:center;gap:14px;margin-top:65px;display:flex}.auth-proof strong{font:400 28px Georgia,serif}.auth-proof span{color:#8d887e;text-transform:uppercase;letter-spacing:.07em;font-size:8px;line-height:1.45}.auth-proof i{background:#3b3933;width:1px;height:38px;margin:0 14px}.auth-panel{color:#191814;z-index:1;background:#f2ecdf;flex-direction:column;justify-content:center;padding:100px clamp(35px,6vw,95px);display:flex;position:relative}.step-count{align-items:center;display:flex;position:absolute;top:45px;right:55px}.step-count span{width:24px;height:24px;font:700 7px var(--font-geist-mono);color:#8d8578;border:1px solid #c8c0b2;border-radius:50%;place-items:center;display:grid}.step-count span.active,.step-count span.done{color:#fff;background:#191814;border-color:#191814}.step-count span.done{background:#e5533d;border-color:#e5533d}.step-count i{background:#c8c0b2;width:30px;height:1px}.auth-panel form{width:100%;max-width:440px;margin:auto}.auth-panel h2{margin:12px 0;font:400 38px Georgia,serif}.form-sub{color:#777066;margin-bottom:35px;font-size:12px}.auth-panel label{margin:20px 0;font-size:9px;font-weight:700;display:block}.auth-panel input{background:0 0;border:0;border-bottom:1px solid #bcb3a4;border-radius:0;outline:0;width:100%;padding:13px 0;font-size:14px;display:block}.auth-panel input:focus{border-color:#e5533d}.auth-panel form>button:not(.back,.resend){color:#fff;background:#191814;border:0;width:100%;height:52px;margin-top:20px;font-size:10px;font-weight:700}.auth-panel form>button:disabled{opacity:.5}.auth-panel form>small{text-align:center;color:#91897c;margin-top:15px;font-size:8px;display:block}.auth-error{color:#b23928;background:#edd8d0;padding:10px;font-size:10px}.back,.resend{color:#6e675d;background:0 0;border:0;padding:0;font-size:9px}.back{margin-bottom:32px}.resend{text-decoration:underline}.otp{letter-spacing:.55em;font:400 34px var(--font-geist-mono)!important}.demo-code{font:8px var(--font-geist-mono);color:#7b7469;border:1px dashed #c4b9a8;justify-content:space-between;margin:18px 0;padding:12px;display:flex}.demo-code strong{color:#e5533d;letter-spacing:.2em;font-size:12px}@media (width<=800px){.auth-page{grid-template-columns:1fr}.auth-copy{display:none}.auth-panel{min-height:100vh;padding:100px 25px 50px}.auth-brand{color:#191814;top:28px;left:25px}.step-count{top:34px;right:25px}}.auth-page{color:#f8fafc;background:#0f172a}.auth-page:after{border-color:#facc1540;box-shadow:0 0 0 70px #2563eb1a,0 0 0 140px #2563eb0f}.auth-brand{font-family:var(--font-geist-sans);letter-spacing:-.7px;font-size:24px}.auth-brand span{background:#2563eb;border-radius:11px;font-size:11px}.auth-theme{z-index:5;position:absolute;top:38px;right:calc(50% + 35px)}.auth-page .theme-toggle{color:#fff;background:#182238;border-color:#2b3a55}.auth-kicker,.form-label{color:#facc15;font-size:11px}.auth-copy h1{font-family:var(--font-geist-sans);letter-spacing:-.065em;font-weight:760}.auth-copy h1 em{color:#facc15;font-style:normal}.auth-copy>p:not(.auth-kicker){color:#b8c3d4;font-size:18px;line-height:1.65}.auth-proof strong{font-family:var(--font-geist-sans);font-size:32px;font-weight:750}.auth-proof span{color:#a8b3c5;font-size:11px}.auth-panel{background:var(--surface);color:var(--foreground)}.step-count span{border-color:var(--border);width:30px;height:30px;color:var(--muted);font-size:10px}.step-count span.active{background:var(--primary);border-color:var(--primary)}.step-count span.done{background:var(--accent);border-color:var(--accent);color:#0f172a}.auth-panel h2{font-family:var(--font-geist-sans);letter-spacing:-.045em;font-size:44px;font-weight:750}.form-sub{color:var(--muted);font-size:15px}.auth-panel label{font-size:12px}.auth-panel input{border:1px solid var(--border);background:var(--surface-2);color:var(--foreground);border-radius:12px;margin-top:8px;padding:15px;font-size:16px}.auth-panel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.auth-panel form>button:not(.back,.resend){background:var(--primary);border-radius:13px;height:56px;font-size:14px}.auth-panel form>small{color:var(--muted);font-size:11px}.auth-error{border-radius:10px;font-size:13px}.back,.resend{color:var(--primary);font-size:12px}.demo-code{border-color:var(--border);color:var(--muted);border-radius:10px;font-size:11px}.demo-code strong{color:var(--primary);font-size:15px}@media (width<=800px){.auth-page{background:var(--background)}.auth-brand{color:var(--foreground);font-size:20px}.auth-theme{top:27px;right:24px}.step-count{display:none}.auth-panel{justify-content:flex-start;padding:112px 20px 40px}.auth-panel form{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 18px 50px #0f172a14}.auth-panel h2{font-size:34px}.form-sub{font-size:14px}.auth-panel input{min-height:52px;font-size:16px}}.auth-mode{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;max-width:440px;margin:auto;padding:4px;display:grid;position:absolute;top:40px;left:clamp(35px,6vw,95px);right:clamp(35px,6vw,95px)}.auth-mode button{height:34px;color:var(--muted);font:700 11px var(--font-geist-sans);cursor:pointer;background:0 0;border:0;border-radius:8px}.auth-mode button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 9px #0f172a14}.auth-panel form a,.auth-admin-link{color:var(--primary);font-weight:700;text-decoration:none}.auth-admin-link{white-space:nowrap;font-size:11px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=800px){.auth-mode{width:100%;max-width:440px;margin:0 auto 14px;position:static}.auth-panel{padding-top:100px}}.password-label-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.forgot-password-link{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.forgot-password-link:hover{text-decoration:underline}.password-input-wrapper{width:100%;position:relative}.password-toggle-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12px;transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--foreground);border-color:var(--primary)}