@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";
.auth-page{--auth-navy-900:#080f19;--auth-navy-800:#101d30;--auth-navy-700:#182c45;--auth-amber:#e2a354;--auth-amber-strong:#c88736;--auth-amber-soft:#e2a35429;--primary:var(--auth-amber);background:var(--background);grid-template-columns:minmax(340px,.92fr) minmax(440px,1.08fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(circle at 12% 8%, #e2a35429, transparent 40%), repeating-linear-gradient(180deg, #ffffff07 0px, #ffffff07 1px, transparent 1px, transparent 34px), linear-gradient(160deg, var(--auth-navy-900) 0%, var(--auth-navy-800) 55%, var(--auth-navy-700) 100%);flex-direction:column;justify-content:space-between;gap:40px;min-height:100vh;padding:clamp(38px,6vw,76px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";opacity:.55;background-image:radial-gradient(circle,#e2a3548c 1.5px,#0000 1.6px);background-repeat:repeat-y;background-size:100% 16px;width:1px;position:absolute;top:0;bottom:0;right:0}.auth-brand-top{align-items:flex-start;gap:22px;display:flex}.auth-brand-top>div:last-child{max-width:520px}.auth-brand-panel span{color:var(--auth-amber);letter-spacing:.16em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;font-weight:600;display:block}.auth-brand-panel h1{font-family:"Space Grotesk", var(--font-sans,sans-serif);letter-spacing:-.03em;margin:12px 0 14px;font-size:clamp(2.15rem,4.6vw,3.9rem);font-weight:650;line-height:1.02}.auth-brand-panel p{color:#ffffff9e;max-width:480px;margin:0;font-size:.98rem;line-height:1.75}.auth-brand-icon{border:1.5px solid var(--auth-amber);background:var(--auth-amber-soft);width:60px;height:60px;color:var(--auth-amber);border-radius:999px;flex:0 0 60px;place-items:center;display:grid;box-shadow:0 0 0 6px #e2a3540f}.auth-brand-icon svg{width:26px;height:26px}.auth-live-clock{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f1966;border:1px solid #e2a35447;border-radius:12px;align-items:center;gap:12px;width:fit-content;padding:14px 20px;display:flex;position:relative}.auth-live-clock-placeholder{opacity:0;min-height:54px}.auth-live-clock-dot{background:var(--auth-amber);border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite auth-clock-pulse;box-shadow:0 0 0 4px #e2a3542e}@keyframes auth-clock-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.auth-live-clock-dot{animation:none}}.auth-live-clock-readout{flex-direction:column;gap:2px;display:flex}.auth-live-clock-readout strong{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.4rem;font-weight:600}.auth-live-clock-readout span{color:#ffffff80;text-transform:capitalize;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.auth-form-panel{place-items:center;padding:40px 24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(520px,100%);padding:clamp(28px,5vw,46px);box-shadow:0 24px 70px #080f191a}.auth-card .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--auth-amber-strong);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600}.auth-card h2{font-family:"Space Grotesk", var(--font-sans,sans-serif);letter-spacing:-.03em;margin:10px 0;font-size:clamp(1.6rem,3.6vw,2.1rem);font-weight:650}.auth-description{color:var(--muted);margin:0 0 26px;line-height:1.6}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--muted);font-size:.79rem;font-weight:750}.auth-form input{border:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--foreground);border-radius:10px;outline:none;margin-top:7px;padding:12px 13px;transition:border-color .16s,box-shadow .16s;display:block}.auth-form input:focus{border-color:var(--auth-amber);box-shadow:0 0 0 3px var(--auth-amber-soft)}.auth-password-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-submit{width:100%;font-family:"Space Grotesk", var(--font-sans,sans-serif);letter-spacing:-.01em;font-weight:600}.auth-submit.primary{background:linear-gradient(155deg, var(--auth-amber) 0%, var(--auth-amber-strong) 100%);color:var(--auth-navy-900);border:none}.auth-submit.primary:hover:not(:disabled){filter:brightness(1.04)}.auth-submit.primary:disabled{opacity:.55}.auth-security-note{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:18px 0 0;padding-top:17px;font-size:.76rem;line-height:1.5}.auth-loading-page{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:880px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{gap:26px;min-height:auto;padding:30px 22px}.auth-brand-panel:after{display:none}.auth-brand-panel h1{font-size:2.1rem}.auth-brand-panel p{display:none}.auth-brand-icon{flex-basis:50px;width:50px;height:50px}.auth-live-clock{padding:11px 16px}.auth-live-clock-readout strong{font-size:1.2rem}.auth-form-panel{padding:28px 16px 42px}}@media (max-width:520px){.auth-brand-top{gap:14px}.auth-brand-panel h1{margin-top:6px;font-size:1.7rem}.auth-brand-panel span{font-size:.64rem}.auth-card{border-radius:16px;padding:25px 20px}.auth-password-grid{grid-template-columns:1fr}}.auth-password-checklist{border:1px solid color-mix(in srgb, var(--auth-amber) 22%, var(--border));background:var(--primary-soft);border-radius:11px;gap:9px;margin:0;padding:14px;list-style:none;display:grid}.auth-password-checklist li{color:var(--muted);align-items:center;gap:10px;font-size:.79rem;line-height:1.35;transition:color .16s;display:flex}.auth-password-rule-icon{border:1.5px solid color-mix(in srgb, var(--muted) 45%, transparent);background:var(--surface);color:#0000;border-radius:999px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:900;line-height:1;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:grid}.auth-password-checklist li.is-valid{color:var(--success);font-weight:700}.auth-password-checklist li.is-valid .auth-password-rule-icon{border-color:var(--success);background:var(--success);color:#fff;transform:scale(1.04)}