:root { --brand:#2563eb; --ink:#0f172a; --soft:#f8fafc; }
body { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); }
.hero-section { background: radial-gradient(circle at top right, #dbeafe 0, #eff6ff 35%, #fff 72%); }
.hero-card { overflow: hidden; }
.metric-box { background:#f8fafc; border:1px solid #e5e7eb; border-radius:18px; padding:18px; }
.metric-box span { display:block; color:#64748b; font-size:13px; }
.metric-box strong { display:block; font-size:28px; }
.auth-bg { background: linear-gradient(135deg, #eff6ff, #ffffff 42%, #dbeafe); }
.auth-card { backdrop-filter: blur(16px); }
.plan-card { transition: .2s ease; }
.plan-card:hover { transform: translateY(-6px); }
.table td, .table th { vertical-align: middle; }
.landing-public.theme-dark { background:#0f172a; }
.landing-public.theme-dark .card { background:#111827; color:#fff; }
.landing-public.theme-dark .text-muted { color:#cbd5e1 !important; }
.landing-public.theme-soft { background:#fdf2f8; }
.gap-1 { gap:.25rem; }
@media (max-width: 767px) { .display-4 { font-size: 2.2rem; } .hero-section { padding-top: 1rem; } }