:root{
  --bg:#0a0a0b;
  --fg:#e8e8ee;
  --acid:#39FF14;      /* giftgrün */
  --violet:#7A5CFF;   /* violett akzent */
}
html,body{height:100%; margin:0; background:var(--bg); color:var(--fg); font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; overflow:hidden}
#stage{ position:absolute; inset:0; width:100%; height:100%; display:block; opacity:0; transition:opacity .6s ease }
.caption{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); font-size:12px; letter-spacing:2px; color:#9a9aa1; text-transform:uppercase; opacity:0; transition:opacity .6s ease .4s }

/* Preloader */
.preloader{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
  background:radial-gradient(1200px 600px at 50% -200px, rgba(122,92,255,0.10), transparent), var(--bg);
  z-index:10
}
.brand{ font-weight:600; letter-spacing:.4px; opacity:.95; font-size:clamp(18px,5vw,28px) }
.brand span{ color:var(--acid) }
.percent{ font-size:clamp(26px,7vw,58px); font-weight:700; letter-spacing:.06em }
.bar{ width:min(520px, 86vw); height:5px; border-radius:999px; background:rgba(255,255,255,0.08); overflow:hidden; border:1px solid rgba(255,255,255,0.14) }
.fill{ height:100%; width:0%; background:linear-gradient(90deg, #1B9B0E, var(--acid), var(--violet)); transition: width .12s ease; }