.auth-page{--auth-card-top:96px;--auth-card-bottom:clamp(24px,5vw,56px);min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;overflow-x:hidden;overflow-y:auto;padding:var(--auth-card-top) var(--gutter) var(--auth-card-bottom)}.auth-topbar{position:fixed;top:clamp(14px,3vw,24px);left:clamp(14px,3vw,24px);right:clamp(14px,3vw,24px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-topbar .theme-toggle{margin-left:0}.auth-card{margin:auto;width:min(100%,460px);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.auth-card--split{width:min(100%,880px);display:grid;grid-template-columns:1fr 1fr}.auth-aside{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px 34px;color:#fff;background:radial-gradient(80% 90% at 20% 10%,rgba(56,189,248,0.28),transparent 60%),var(--grad)}.auth-aside .brand-mark{width:54px;height:54px;margin-bottom:6px}.auth-aside h2{font-size:1.7rem;font-weight:800;line-height:1.15}.auth-aside p{color:rgba(255,255,255,0.88)}.auth-body{padding:clamp(28px,4vw,40px)}.auth-body h1{margin:0 0 6px;font-size:1.7rem;font-weight:800}.auth-intro{margin:0 0 24px;color:var(--text-soft)}.form-group{display:grid;gap:7px;margin-bottom:16px}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row.full{grid-template-columns:1fr}.form-group label{font-size:0.9rem;font-weight:600;color:var(--text)}.form-group input,.form-group select{width:100%;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:rgba(255,255,255,0.04);color:var(--text);transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.form-group input::placeholder{color:var(--text-faint)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,0.25)}.form-group select option{color:#0b1326}.error-message{display:none;color:#fca5a5;font-size:0.82rem}.password-strength{display:none;font-size:0.8rem;font-weight:700}.password-strength.weak{color:#fca5a5}.password-strength.medium{color:#fcd34d}.password-strength.strong{color:#86efac}.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:0.88rem;color:var(--text-soft)}.form-options label,.terms{display:flex;align-items:center;gap:9px}.terms{align-items:flex-start;margin:6px 0 20px;font-size:0.86rem;color:var(--text-soft)}.terms input,.form-options input{width:16px;height:16px;accent-color:var(--blue);flex:0 0 auto}.btn-login,.btn-signup{width:100%;min-height:50px;border-radius:var(--radius-pill);background:var(--grad);color:#fff;font-weight:700;box-shadow:var(--shadow-glow);transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.btn-login:hover,.btn-signup:hover,.btn-login:focus-visible,.btn-signup:focus-visible{transform:translateY(-2px)}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--text-faint);font-size:0.82rem}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--border)}.social-buttons{display:grid;gap:12px}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text);font-weight:600;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease)}.social-btn:hover{background:var(--interactive-surface-hover)}.social-btn svg{width:18px;height:18px}.signup-link,.login-link{margin-top:22px;text-align:center;color:var(--text-soft);font-size:0.9rem}.signup-link a,.login-link a,.form-options a{color:var(--cyan);font-weight:600}@media (max-width:720px){.auth-page{--auth-card-top:86px;display:block;overflow:hidden;padding:0 var(--gutter)}.auth-card,.auth-card--split{position:fixed;top:var(--auth-card-top);left:50%;transform:translateX(-50%);margin:0;width:min(calc(100vw - var(--gutter) * 2),460px);max-height:calc(100vh - var(--auth-card-top) - var(--auth-card-bottom));max-height:calc(100svh - var(--auth-card-top) - var(--auth-card-bottom));max-height:calc(100dvh - var(--auth-card-top) - var(--auth-card-bottom));overflow:auto;overscroll-behavior:contain}.auth-card--split{grid-template-columns:1fr}.auth-aside{padding:30px 28px}}@media (max-width:480px){.form-row{grid-template-columns:1fr}}