:root{
  --bg:#050816;
  --bg2:#090d1f;
  --glow:#6ec8ff;
  --glow2:#8d68ff;
  --white:#eef8ff;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(65,110,255,.10), transparent 28%),
    radial-gradient(circle at 50% 50%, rgba(155,95,255,.08), transparent 35%),
    linear-gradient(180deg, #02040c 0%, var(--bg) 45%, #02040d 100%);
  touch-action:none;
}
body{
  position:relative;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#scene{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.stage{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}
#logo{
  width:min(78vw, 980px);
  min-width:260px;
  opacity:.96;
  filter:
    drop-shadow(0 0 14px rgba(103, 190, 255, .18))
    drop-shadow(0 0 36px rgba(132, 99, 255, .15));
  user-select:none;
}
.vignette{
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at center, transparent 45%, rgba(0,0,0,.28) 80%, rgba(0,0,0,.58) 100%);
}
@media (max-width: 700px){
  #logo{
    width:min(92vw, 740px);
  }
}