:root{--hero-start: #171c3f;--hero-end: #050816;--page-bg: #f3f4fb;--primary: #6366f1;--primary-soft: #818cf8;--accent-green: #22c55e;--accent-green-soft: #4ade80;--heading: #020617;--muted: #6b7280;--card-radius: 26px;--card-shadow: 0 26px 60px rgba(15, 23, 42, .15)}.auth-body{font-family:Nunito,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(129,140,248,.08),transparent 55%),var(--page-bg);color:var(--heading);-webkit-font-smoothing:antialiased}.auth-title{font-weight:900;letter-spacing:-.5px}.auth-card{max-width:1024px;border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.auth-badge{letter-spacing:.3em;font-size:.7rem;color:#cbd5f5}.auth-hero{background:radial-gradient(circle at top left,#3b82f6 0%,#1d234f 40%,var(--hero-end) 100%);color:#f9fafb;border-radius:var(--card-radius);padding:32px;height:100%;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 10% 20%,rgba(96,165,250,.4),transparent 55%),radial-gradient(circle at 80% 60%,rgba(129,140,248,.4),transparent 55%);opacity:.7;pointer-events:none}.auth-hero>*{position:relative;z-index:1}.auth-hero p{color:#cbd5f5}.auth-chip{border-radius:999px;padding:.35rem .9rem;font-size:.75rem;border:1px solid rgba(129,140,248,.7);display:inline-flex;align-items:center;gap:.35rem;color:#e5e7eb;background:#0f172a59;box-shadow:0 14px 30px #0f172a59}.auth-form-card{border-radius:24px;border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 60px #0f172a1f;background:#fff}.auth-form-card .form-control{border-radius:14px;border-color:#94a3b899}.auth-form-card .form-control:focus{border-color:#6366f1cc;box-shadow:0 0 0 .2rem #6366f126}.btn-brand{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-soft));color:#022c16;font-weight:800;border:none;border-radius:999px;padding:.75rem 1.6rem;box-shadow:0 18px 45px #22c55e80}.btn-brand:hover{background:linear-gradient(135deg,#1fb856,#36e07e);color:#022c16;transform:translateY(-2px)}.btn-brand-outline{border-radius:999px;border:2px solid rgba(148,163,184,.9);color:#e5e7eb;font-weight:800;background:transparent}.btn-ghost{border-radius:999px;border:1px solid rgba(148,163,184,.6);color:#0f172a;font-weight:700;background:#f8fafc}.btn-ghost:hover{background:#e2e8f0;color:#0f172a}