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

:root{
  --blue:#2563eb; --blue-2:#1d4ed8; --blue-lt:#EFF6FF;
  --sky:#38BDF8; --sky-lt:#F0F9FF;
  --cyan:#06B6D4; --cyan-lt:#ECFEFF;
  --teal:#0d9488; --teal-2:#14B8A6; --teal-lt:#F0FDFA;
  --green:#16a34a; --green-2:#15803d; --green-lt:#F0FDF4;
  --gold:#d97706; --gold-lt:#FFFBEB;
  --red:#DC2626; --red-lt:#FEF2F2;
  --ink:#1e2340; --text:#1e2340; --text2:#334155; --text3:#64748B; --text4:#94A3B8;
  --line:#d0d6e8; --page:#f4f6fb; --card:#FFFFFF; --surface-2:#eaecf4;
  --font-sans:'Roboto Slab',Roboto,Arial,Helvetica,sans-serif;
  --font-display:'Roboto Slab',Roboto,Arial,Helvetica,sans-serif;
  --font-brand:'Unbounded','Plus Jakarta Sans',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --grad-line:linear-gradient(90deg,var(--blue) 0%,var(--blue-2) 16%,var(--sky) 32%,var(--cyan) 48%,var(--teal-2) 62%,var(--teal) 78%,var(--green-2) 90%,var(--green) 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);color:var(--text2);line-height:1.6;background:linear-gradient(135deg,#f4f6fb 0%,#eef1fb 35%,#e8edf8 65%,#f4f6fb 100%);min-height:100vh}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 70% 55% at 85% 15%,rgba(13,148,136,.09) 0%,transparent 75%),radial-gradient(ellipse 65% 50% at 15% 90%,rgba(37,99,235,.07) 0%,transparent 75%);pointer-events:none;z-index:0}
body > *{position:relative;z-index:1}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0}