:root{
  --bg:#f5f5f7;
  --surface:#ffffff;
  --surface-soft:#fbfbfd;
  --surface-glass:rgba(255,255,255,.72);
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --muted-strong:#424245;
  --line:rgba(0,0,0,.08);
  --line-dark:rgba(255,255,255,.16);
  --blue:#0071e3;
  --blue-hover:#0077ed;
  --cyan:#00d4ff;
  --dark:#030712;
  --dark-2:#111827;
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --shadow-soft:0 18px 60px rgba(0,0,0,.07);
  --shadow-hover:0 28px 90px rgba(0,0,0,.12);
  --ease:cubic-bezier(.2,.8,.2,1);
}

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

html{
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

body{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
}

button,
input,
textarea,
select{
  font:inherit;
}

strong,b{
  font-weight:700;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 8%, rgba(0,113,227,.09), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(0,212,255,.08), transparent 24%),
    linear-gradient(180deg, #fbfbfd 0%, #f5f5f7 48%, #ffffff 100%);
}

::selection{
  background:rgba(0,113,227,.18);
}

a{text-decoration:none;color:inherit}