/* Critical layout + typography (login first paint). Full utilities via Tailwind CDN (deferred). */
:root {
    --primary: #0f172a;
    --accent: #0ea5e9;
}

body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    background: #020617;
    color: #e2e8f0;
}

.font-display {
    font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
    font-weight: 600;
}

.hidden { display: none !important; }

.min-h-screen { min-height: 100vh; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.w-full { width: 100%; }
.max-w-4xl { max-width: 56rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.bg-slate-950 { background-color: #020617; }
.bg-slate-900 { background-color: #0f172a; }
.border-slate-800 { border-color: #1e293b; }
.text-white { color: #fff; }
.text-slate-300 { color: #cbd5e1; }
.text-slate-400 { color: #94a3b8; }
.text-emerald-400 { color: #34d399; }
.fixed { position: fixed; }
.inset-0 { inset: 0; }
.z-\[200\] { z-index: 200; }