:root { --w-accent: #ff2bd6; }
.w-gate { background: radial-gradient(900px 520px at 50% 45%, rgba(40,0,50,.35), rgba(4,0,8,.9)); }
.w-gate h1 { font-family: Monoton, Anton, sans-serif; font-weight: 400; letter-spacing: .04em; color: #fff; text-shadow: 0 0 18px rgba(255,43,214,.9), 0 0 60px rgba(255,43,214,.5); }
.w-gate h1 em { color: #00e5ff; text-shadow: 0 0 18px rgba(0,229,255,.9), 0 0 60px rgba(0,229,255,.5); }
.w-gate button { box-shadow: 0 0 40px rgba(255,43,214,.55), 0 10px 50px rgba(0,0,0,.6); }
.w-title { font-family: Monoton, Anton, sans-serif; font-weight: 400; letter-spacing: .03em; color: #fff; text-shadow: 0 0 12px rgba(255,43,214,.8); }
.w-mute { position: absolute; left: 18px; top: 60px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.45); border-radius: 9px; padding: 5px 10px; font: 700 11px Inter; letter-spacing: .08em; color: rgba(255,255,255,.75); }
.w-mute.off { color: #ff5a4f; }