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

:root{
  --slate-900:#0f172a;
  --slate-800:#1e293b;
  --slate-700:#334155;
  --slate-600:#475569;
  --slate-500:#64748b;
  --slate-400:#94a3b8;
  --slate-300:#cbd5e1;
  --slate-200:#e2e8f0;
  --slate-100:#f1f5f9;
  --slate-50:#f8fafc;
  --blue-400:#3b82f6;
  --blue-500:#2563eb;
  --blue-600:#2563eb;
  --green-500:#10b981;
  --green-600:#16a34a;
  --red-500:#ef4444;
  --white:#ffffff;
}

html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#2563eb}

body{
  font-family:'Poppins',system-ui,sans-serif;
  color:var(--slate-900);
  background:linear-gradient(180deg,#eaeff5 0%,#e4eaf2 100%);
  overflow-x:hidden;
  max-width:100%;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

h1,h2,h3,h4{
  font-family:'Poppins',system-ui,sans-serif;
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.08;
}

/* DECORATIVE PARALLAX SHAPES */
.bg-shapes{
  position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
}
.shape{
  position:absolute;border-radius:50%;
  filter:blur(40px);opacity:.72;
  will-change:transform;
}
.shape-1{
  width:480px;height:480px;
  background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%);
  top:-10%;right:-15%;
}
.shape-2{
  width:380px;height:380px;
  background:radial-gradient(circle,rgba(96,165,250,.13),transparent 70%);
  top:55%;left:-12%;
}
.shape-3{
  width:420px;height:420px;
  background:radial-gradient(circle,rgba(30,41,59,.08),transparent 70%);
  top:130%;right:5%;
}

/* NAV → assets/site.css */