@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
    --bg-deep:#030305;
    --bg-primary:#060609;
    --bg-secondary:#0a0a12;
    --bg-card:rgba(12,12,24,0.75);
    --bg-card-hover:rgba(18,18,36,0.9);
    --accent:#a855f7;
    --accent-deep:#7c3aed;
    --accent-glow:rgba(168,85,247,0.4);
    --accent-light:#c084fc;
    --blue:#3b82f6;
    --blue-glow:rgba(59,130,246,0.35);
    --emerald:#10b981;
    --emerald-glow:rgba(16,185,129,0.35);
    --amber:#f59e0b;
    --red:#ef4444;
    --text:#f8fafc;
    --text-2:#cbd5e1;
    --text-3:#64748b;
    --border:rgba(255,255,255,0.05);
    --border-hover:rgba(255,255,255,0.1);
    --grad:linear-gradient(135deg,#a855f7 0%,#7c3aed 40%,#3b82f6 100%);
    --grad-warm:linear-gradient(135deg,#f59e0b 0%,#ef4444 50%,#a855f7 100%);
    --radius:12px;
    --radius-lg:20px;
    --font-mono:'JetBrains Mono',monospace;
    --font-display:'Space Grotesk','Inter',sans-serif;
}

body{
    font-family:'Inter',-apple-system,sans-serif;
    background:var(--bg-deep);
    color:var(--text);
    min-height:100vh;
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}