/* Auth pages shared CSS */
.auth-wrap{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(59,130,246,0.08),transparent)}
.auth-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg)}
.auth-logo{text-align:center;margin-bottom:28px}
.auth-logo .al-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 12px}
.auth-logo h1{font-size:22px;font-weight:800}
.auth-logo p{font-size:13px;color:var(--sub2);margin-top:4px}
.auth-divider{text-align:center;margin:20px 0;position:relative;color:var(--sub);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.auth-divider::before,.auth-divider::after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}
.auth-divider::before{left:0}.auth-divider::after{right:0}
.btn-google{width:100%;padding:11px;border-radius:var(--radius);border:1.5px solid var(--border2);background:var(--bg2);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;text-decoration:none;transition:all .2s}
.btn-google:hover{background:var(--bg3);border-color:var(--sub2);color:var(--text)}
.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--sub2)}
.auth-footer a{color:var(--accent2);font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.pass-wrap{position:relative}
.pass-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:var(--sub);background:none;border:none;padding:4px}
.strength-bar{height:4px;border-radius:99px;margin-top:6px;background:var(--bg3);overflow:hidden}
.strength-fill{height:100%;border-radius:99px;transition:width .3s,background .3s}
.otp-row{display:flex;justify-content:center;gap:10px;margin:24px 0}
.otp-box{width:52px;height:58px;text-align:center;font-size:24px;font-weight:800;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg2);color:var(--text);font-family:'JetBrains Mono',monospace;outline:none;transition:border .2s}
.otp-box:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
@media(max-width:480px){.auth-card{padding:28px 20px}}