:root{--bg: #05060d;--cyan: #22d3ee;--violet: #8b5cf6;--magenta: #ec4899;--text: #e8ecff;--muted: #8891b4}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Chakra Petch,system-ui,sans-serif;overflow-x:hidden}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px 0;background:radial-gradient(1200px 600px at 50% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(236,72,153,.12),transparent 60%),var(--bg);overflow:hidden}.grid-floor{position:absolute;left:-50%;right:-50%;bottom:-20%;height:70%;background-image:linear-gradient(rgba(34,211,238,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.25) 1px,transparent 1px);background-size:48px 48px;transform:perspective(420px) rotateX(70deg);transform-origin:bottom center;mask-image:linear-gradient(to top,#000 0%,transparent 85%);-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 85%);animation:grid-move 6s linear infinite;opacity:.6;pointer-events:none}@keyframes grid-move{to{background-position:0 48px,0 48px}}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}.glow-1{width:420px;height:420px;background:var(--violet);top:-120px;left:-80px}.glow-2{width:360px;height:360px;background:var(--cyan);bottom:-120px;right:-60px;animation:float 9s ease-in-out infinite}@keyframes float{50%{transform:translateY(-30px)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;bottom:-10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:rise linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}90%{opacity:.6}to{transform:translateY(-105dvh);opacity:0}}.content{position:relative;z-index:2;max-width:720px;width:100%}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:3px;color:var(--cyan);border:1px solid rgba(34,211,238,.35);background:#22d3ee0f;padding:7px 14px;border-radius:999px;margin-bottom:28px;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.25}}.logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.logo-mark{width:58px;height:58px;filter:drop-shadow(0 0 12px rgba(139,92,246,.8))}.logo-mark .hex{fill:none;stroke:url(#grad);stroke-width:2}.logo-mark .hex{stroke:var(--violet)}.logo-mark .pad{fill:none;stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.brand{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(28px,7vw,56px);line-height:1;letter-spacing:2px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;justify-content:center}.brand .accent{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.brand em{font-style:normal;font-size:.42em;letter-spacing:6px;color:var(--muted);align-self:center;font-weight:700}.headline{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(34px,11vw,92px);letter-spacing:6px;margin:10px 0 18px;position:relative;color:#fff;text-shadow:0 0 18px rgba(34,211,238,.55),0 0 42px rgba(139,92,246,.45);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{text-shadow:0 0 26px rgba(34,211,238,.85),0 0 60px rgba(236,72,153,.5)}}.tagline{color:var(--muted);font-size:clamp(14px,2.4vw,17px);line-height:1.7;margin-bottom:34px}.hl{color:var(--cyan);font-weight:700}.countdown{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,18px);margin-bottom:36px}.unit{min-width:clamp(60px,16vw,92px);padding:14px 8px;border-radius:14px;background:#ffffff08;border:1px solid rgba(139,92,246,.3);box-shadow:inset 0 0 20px #8b5cf614,0 0 20px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.unit-value{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(24px,6vw,40px);color:#fff;text-shadow:0 0 14px rgba(34,211,238,.6)}.unit-label{font-size:11px;letter-spacing:2px;color:var(--muted);margin-top:4px}.sep{font-family:Orbitron,sans-serif;font-size:clamp(20px,5vw,34px);color:var(--violet);opacity:.6}.notify{display:flex;gap:10px;max-width:460px;margin:0 auto 28px;flex-wrap:wrap;justify-content:center}.notify input{flex:1 1 240px;min-width:200px;padding:14px 18px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text);font-family:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.notify input::placeholder{color:#5f678a}.notify input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee26}.notify button{padding:14px 26px;border:none;border-radius:12px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1.5px;font-size:13px;color:#06121a;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 24px #22d3ee73;transition:transform .15s,box-shadow .2s}.notify button:hover{transform:translateY(-2px);box-shadow:0 0 36px #8b5cf699}.done{color:var(--cyan);font-size:16px;margin-bottom:28px;font-weight:500}.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.social{font-size:12px;letter-spacing:1px;color:var(--muted);text-decoration:none;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);transition:color .2s,border-color .2s,background .2s}.social:hover{color:#fff;border-color:var(--cyan);background:#22d3ee14}.foot{position:relative;z-index:2;padding:22px 0 18px;color:#4a5278;font-size:12px;letter-spacing:1px}