.auth-page{--auth-navy: #0c1a2e;--auth-navy-deep: #071225;--auth-accent: #0891b2;--auth-accent-2: #2563eb;--auth-card: rgb(255 255 255 / .92);--auth-border: rgb(199 216 238 / .85);--auth-text: #0f172a;--auth-muted: #475569;--auth-glow: rgb(8 145 178 / .35);min-height:100vh;min-height:100dvh;font-feature-settings:"kern" 1}.dark .auth-page{--auth-card: rgb(15 23 42 / .88);--auth-border: rgb(51 65 85 / .75);--auth-text: #f1f5f9;--auth-muted: #94a3b8;--auth-glow: rgb(34 211 238 / .25)}.auth-page-bg{background:radial-gradient(ellipse 80% 60% at 10% 20%,rgb(8 145 178 / .18),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 80%,rgb(37 99 235 / .14),transparent 50%),linear-gradient(145deg,var(--auth-navy-deep) 0%,var(--auth-navy) 42%,#0f2744 100%)}.dark .auth-page-bg{background:radial-gradient(ellipse 80% 60% at 10% 20%,rgb(8 145 178 / .12),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 80%,rgb(37 99 235 / .1),transparent 50%),linear-gradient(145deg,#020617,#0f172a,#0c1a2e)}.auth-split{display:grid;min-height:100vh;min-height:100dvh}@media(min-width:1024px){.auth-split{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}}.auth-brand-panel{display:none;position:relative;overflow:hidden;padding:3rem 3.5rem;color:#fff}@media(min-width:1024px){.auth-brand-panel{display:flex;flex-direction:column;justify-content:space-between}}.auth-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/svg%3E");opacity:.6;pointer-events:none}.auth-brand-logo{position:relative;z-index:1;font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.auth-brand-tagline{position:relative;z-index:1;margin-top:.75rem;max-width:22rem;font-size:1.05rem;font-weight:500;line-height:1.55;color:#bae6fdf2}.auth-preview-card{position:relative;z-index:1;margin-top:2.5rem;border-radius:1.25rem;border:1px solid rgb(255 255 255 / .12);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;box-shadow:0 24px 48px -12px #00000059}.auth-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.auth-preview-metric{border-radius:.75rem;background:#ffffff14;padding:.75rem;text-align:center}.auth-preview-metric strong{display:block;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.auth-preview-metric span{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:2rem 1.25rem;background:linear-gradient(180deg,#f4f8fdfa,#fff 40%)}.dark .auth-form-panel{background:linear-gradient(180deg,#0f172afa,#020617 40%)}@media(min-width:640px){.auth-form-panel{padding:2.5rem}}.auth-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem}.auth-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:9999px;border:1px solid var(--auth-border);background:#ffffffb3;padding:.35rem .65rem;font-size:.7rem;font-weight:700;color:var(--auth-text);transition:background .15s ease,border-color .15s ease}.dark .auth-chip{background:#1e293b99}.auth-chip:hover{border-color:var(--auth-accent);background:#cffafe80}.dark .auth-chip:hover{background:#0891b226}.auth-chip.is-active{background:linear-gradient(135deg,var(--auth-accent-2),var(--auth-accent));border-color:transparent;color:#fff}.auth-card{width:100%;max-width:26rem;margin-inline:auto;border-radius:1.5rem;border:1px solid var(--auth-border);background:var(--auth-card);padding:2rem 1.75rem;box-shadow:0 4px 6px -2px #0c1a2e0f,0 24px 48px -12px #0c1a2e1f,0 0 0 1px #ffffff80 inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .auth-card{box-shadow:0 4px 6px -2px #00000040,0 24px 48px -12px #00000073,0 0 0 1px #ffffff0a inset}.auth-card-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--auth-text)}.auth-card-lead{margin-top:.35rem;font-size:.875rem;font-weight:500;line-height:1.5;color:var(--auth-muted)}.auth-field{margin-top:1.25rem}.auth-label{display:block;margin-bottom:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--auth-text)}.auth-input{display:block;width:100%;min-height:2.75rem;border-radius:.75rem;border:1px solid var(--auth-border);background:#fff;padding:.65rem .9rem;font-size:.9375rem;font-weight:600;color:var(--auth-text);transition:border-color .15s ease,box-shadow .15s ease}.dark .auth-input{background:#02061799;border-color:#475569cc}.auth-input::-moz-placeholder{color:var(--auth-muted);opacity:1;font-weight:500}.auth-input::placeholder{color:var(--auth-muted);opacity:1;font-weight:500}.auth-input:focus{outline:none;border-color:var(--auth-accent);box-shadow:0 0 0 3px var(--auth-glow)}.auth-error{margin-top:.4rem;font-size:.8125rem;font-weight:600;color:#dc2626}.dark .auth-error{color:#f87171}.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.auth-remember{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--auth-muted);cursor:pointer}.auth-remember input{width:1rem;height:1rem;border-radius:.25rem;accent-color:var(--auth-accent)}.auth-link{font-size:.8125rem;font-weight:700;color:var(--auth-accent-2);text-decoration:none;transition:color .15s ease}.dark .auth-link{color:#67e8f9}.auth-link:hover{color:var(--auth-accent);text-decoration:underline}.auth-submit{display:flex;width:100%;min-height:2.875rem;margin-top:1.5rem;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#2563eb,#0891b2);padding:.75rem 1.25rem;font-size:.9375rem;font-weight:800;color:#fff;box-shadow:0 8px 24px -6px #2563eb8c;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,opacity .15s ease}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -6px #2563eb99}.auth-submit:disabled{opacity:.75;cursor:wait}.auth-alert{margin-bottom:1rem;border-radius:.75rem;border:1px solid rgb(251 191 36 / .5);background:#fffbebf2;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:#92400e}.dark .auth-alert{background:#451a0380;border-color:#b4530980;color:#fcd34d}.auth-status{margin-bottom:1rem;border-radius:.75rem;border:1px solid rgb(16 185 129 / .4);background:#ecfdf5f2;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:#047857}.dark .auth-status{background:#064e3b59;color:#6ee7b7}.auth-spinner{width:1.125rem;height:1.125rem;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}[x-cloak]{display:none!important}