:root{
  --ink:#15213a;--ink-soft:#64718a;--brand:#284ba8;--brand-dark:#142754;
  --line:#e3e8f1;--surface:#fff;--canvas:#f5f7fb;--radius:14px;
  --font:Inter,"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;color:var(--ink);background:var(--canvas);font:400 15px/1.7 var(--font);-webkit-font-smoothing:antialiased;}
a{color:var(--brand);text-decoration:none;}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.03em;}

@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}