.auth-page{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem;overflow:hidden;background:linear-gradient(145deg,#f0f5f6,#ffffff 45%,#e8f1f8)}.dark .auth-page{background:linear-gradient(145deg,#020617,#0f172a 45%,#1e293b)}.auth-page__blob{position:absolute;border-radius:9999px;filter:blur(64px);pointer-events:none;opacity:.35}.dark .auth-page__blob{opacity:.2}.auth-page__blob--a{top:-4rem;left:10%;width:18rem;height:18rem;background:#93c5fd}.auth-page__blob--b{right:5%;bottom:-3rem;width:22rem;height:22rem;background:#60a5fa}.auth-page__shell{position:relative;z-index:1;display:grid;width:100%;max-width:56rem;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.88);box-shadow:0 24px 48px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);backdrop-filter:blur(12px)}.dark .auth-page__shell{border-color:rgba(71,85,105,.6);background:rgba(15,23,42,.92);box-shadow:0 24px 48px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.2)}@media (min-width:768px){.auth-page__shell{grid-template-columns:1fr 1.05fr;min-height:34rem}}.auth-page__brand{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2rem 1.75rem;color:#ffffff;background:linear-gradient(160deg,#1a5a8c,#2276b4 55%,#144a75)}@media (min-width:768px){.auth-page__brand{padding:2.5rem 2rem}}.auth-page__brand-top{display:flex;flex-direction:column;gap:1.25rem}.auth-page__logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.auth-page__brand h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.auth-page__brand-tagline{font-size:.9375rem;line-height:1.55;color:rgba(219,234,254,.95);max-width:20rem}.auth-page__features{display:none;flex-direction:column;gap:.75rem;margin-top:auto}@media (min-width:768px){.auth-page__features{display:flex}}.auth-page__feature{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.45;color:rgba(241,245,249,.95)}.auth-page__feature-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;background:rgba(255,255,255,.14)}.auth-page__panel{display:flex;flex-direction:column;padding:1.5rem 1.25rem 1.75rem}@media (min-width:768px){.auth-page__panel{padding:2rem 2rem 2.25rem}}.auth-page__panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.auth-page__panel-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#0f172a}.dark .auth-page__panel-title{color:#f8fafc}.auth-page__panel-subtitle{margin-top:.125rem;font-size:.8125rem;color:#64748b}.dark .auth-page__panel-subtitle{color:#94a3b8}.auth-page__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;border-radius:.75rem;background:#f1f5f9;border:1px solid #e2e8f0}.dark .auth-page__tabs{background:#0f172a;border-color:#334155}.auth-page__tab{border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:700;color:#64748b;background:transparent;cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.auth-page__tab:hover{color:#334155}.dark .auth-page__tab:hover{color:#e2e8f0}.auth-page__tab--active{color:#1a5a8c;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.dark .auth-page__tab--active{color:#7dd3fc;background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.25)}.auth-page__error{margin-bottom:1rem;padding:.625rem .75rem;border-radius:.625rem;border:1px solid #fecaca;background:#fef2f2;font-size:.8125rem;line-height:1.45;color:#b91c1c}.dark .auth-page__error{border-color:#7f1d1d;background:rgba(127,29,29,.25);color:#fca5a5}.auth-page__field{display:flex;flex-direction:column;gap:.375rem}.auth-page__field label{font-size:.8125rem;font-weight:600;color:#334155}.dark .auth-page__field label{color:#cbd5e1}.auth-page__input-wrap{position:relative}.auth-page__input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#94a3b8;pointer-events:none}.auth-page__input-wrap input{width:100%;height:2.75rem;padding-left:2.375rem;padding-right:2.5rem;border-radius:.625rem;border:1px solid #e2e8f0;background:#ffffff;font-size:.875rem;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease}.dark .auth-page__input-wrap input{border-color:#475569;background:#0f172a;color:#f8fafc}.auth-page__input-wrap input::placeholder{color:#94a3b8}.auth-page__input-wrap input:focus{outline:none;border-color:#1a5a8c;box-shadow:0 0 0 3px rgba(26,90,140,.15)}.dark .auth-page__input-wrap input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.auth-page__toggle-pw{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:#94a3b8;cursor:pointer}.auth-page__toggle-pw:hover{color:#64748b;background:#f1f5f9}.dark .auth-page__toggle-pw:hover{color:#cbd5e1;background:#1e293b}.auth-page__submit{width:100%;height:2.75rem;margin-top:.25rem;border:none;border-radius:.625rem;font-size:.875rem;font-weight:700;color:#ffffff;background:linear-gradient(180deg,#2276b4,#1a5a8c);box-shadow:0 4px 14px rgba(26,90,140,.28);cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease}.auth-page__submit:hover:not(:disabled){box-shadow:0 6px 18px rgba(26,90,140,.35);transform:translateY(-1px)}.auth-page__submit:active:not(:disabled){transform:translateY(0)}.auth-page__submit:disabled{opacity:.65;cursor:not-allowed}.auth-page__form{display:flex;flex-direction:column;gap:1rem}.auth-page__footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.75rem;text-align:center;color:#94a3b8}.dark .auth-page__footer{border-top-color:#334155;color:#64748b}