@import url('theme.css');

body{min-height:100vh;display:flex;background:linear-gradient(135deg,#0f172a,#1e40af)}

.auth-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;width:100%}

.auth-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:72px 64px;background:linear-gradient(160deg,#1e40af 0%,#0f172a 100%);overflow:hidden;color:#fff;border-right:1px solid rgba(255,255,255,.08)}
.auth-brand::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 20% 80%,rgba(6,182,212,.15),transparent),repeating-linear-gradient(-45deg,transparent,transparent 14px,rgba(255,255,255,.03) 14px,rgba(255,255,255,.03) 15px)}
.auth-brand-inner{position:relative;max-width:440px;animation:fadeUp .7s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.auth-brand .logo-mark{width:52px;height:52px;font-size:22px;margin-bottom:32px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 8px 28px rgba(37,99,235,.4)}
.auth-brand h2{font-size:clamp(28px,3.2vw,36px);font-weight:800;line-height:1.12;margin-bottom:16px;letter-spacing:-.035em}
.auth-brand p{font-size:16px;color:#bfdbfe;line-height:1.75;margin-bottom:32px;font-weight:450}
.auth-features{display:flex;flex-direction:column;gap:14px}
.auth-feature{display:flex;align-items:center;gap:14px;font-size:14px;color:#e2e8f0;font-weight:600}
.auth-feature::before{content:'✓';width:26px;height:26px;background:rgba(6,182,212,.2);border:1px solid rgba(6,182,212,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0;color:#67e8f9}

.auth-panel{display:flex;align-items:center;justify-content:center;padding:56px 40px;background:var(--bg-subtle)}
.auth-card{width:100%;max-width:440px;background:var(--bg);padding:44px 40px;border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:fadeUp .7s .1s ease both}
.auth-card-wide{max-width:540px}
.auth-header{margin-bottom:32px}
.auth-header .back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;font-weight:700;margin-bottom:24px;transition:var(--transition)}
.auth-header .back-link:hover{color:var(--primary)}
.auth-header h1{font-size:28px;font-weight:800;color:var(--navy);letter-spacing:-.035em;margin-bottom:8px}
.auth-header p{color:var(--text-secondary);font-size:15px;font-weight:500}
.auth-footer{text-align:center;margin-top:28px;font-size:14px;color:var(--text-secondary)}
.auth-footer a{color:var(--primary);font-weight:800}
.demo-banner{margin-top:22px;padding:18px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}
.demo-banner a{color:var(--primary);font-weight:800;font-size:14px}

@media(max-width:900px){
    .auth-split{grid-template-columns:1fr}
    .auth-brand{display:none}
    .auth-panel{padding:32px 20px;background:var(--bg)}
    .auth-card{padding:36px 28px;box-shadow:var(--shadow-lg)}
}