:root{
  --bg:#090f22;
  --bg2:#0d1229;
  --green:#63eab8;
  --green-soft:#77f0c4;
  --purple:#935ff4;
  --purple2:#6e3de6;
  --text:#f7f8ff;
  --muted:#aeb6ca;
  --panel:#171c31;
  --panel2:#111628;
  --line:rgba(255,255,255,.08);
  --max:1540px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,system-ui,sans-serif;
  background:
    radial-gradient(circle at 78% 40%, rgba(113,54,238,.18), transparent 28%),
    radial-gradient(circle at 66% 50%, rgba(99,234,184,.08), transparent 25%),
    linear-gradient(180deg,#0b1123 0%,#080d1d 100%);
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;
  background:
    radial-gradient(circle at 15% 0%,rgba(87,106,255,.08),transparent 28%),
    linear-gradient(90deg,transparent 0,rgba(255,255,255,.012) 50%,transparent 100%);
}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 72px),var(--max));margin:auto}