:root{
  --bg:#030713;--panel:#071225;--panel2:#0b1830;--ink:#f5f9ff;--muted:#a8b7ce;
  --line:rgba(180,205,235,.18);--cyan:#8be9ff;--green:#a7f3d0;--violet:#c4b5fd;--gold:#fde68a;
  --shadow:0 28px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--ink);
  font-family:Inter,Aptos,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 50% -8%,rgba(139,233,255,.22),transparent 33%),
    radial-gradient(circle at 10% 34%,rgba(167,243,208,.12),transparent 29%),
    radial-gradient(circle at 92% 18%,rgba(196,181,253,.15),transparent 31%),
    linear-gradient(145deg,#020617 0%,#06111f 48%,#08091d 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.1));
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,.045),transparent 18%,rgba(0,0,0,.18));
}
.shell{position:relative;z-index:1;min-height:100vh;padding:26px}
a{color:inherit}