:root{
  --bg:#0a0a0a;
  --white:#ffffff;
  --muted:rgba(255,255,255,.72);
  --muted2:rgba(255,255,255,.58);
  --hair:rgba(255,255,255,.12);
  --accent:#00e5ff;
  --accent2:#ffe600;
  --radius:18px;
  --max:1200px;
  --shadow:0 24px 80px rgba(0,0,0,.55);
  --vh:1vh;
}

*{ box-sizing:border-box; }
html,body{ height:100%; width:100%; }
body{
  margin:0;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--white);
  overflow-x:hidden;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }

.container{
  width:min(var(--max), calc(100% - 2rem));
  margin-inline:auto;
}

::selection{ background:rgba(0,229,255,.25); }

@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}