*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--obsidian:#080810;--obsidian-light:#0f0f1c;--lime:#c2ff00;--lime-glow:rgba(194,255,0,0.35);--lime-soft:rgba(194,255,0,0.12);--cyan:#00e0ff;--cyan-glow:rgba(0,224,255,0.3);--cyan-soft:rgba(0,224,255,0.1);--white:#f4f4f7;--muted:#9a9ab0;--glass-bg:rgba(255,255,255,0.025);--glass-border:rgba(255,255,255,0.08);--glass-bg-hover:rgba(255,255,255,0.05)}html{height:100dvh;height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;background:var(--obsidian);background-image:radial-gradient(ellipse 80% 60% at 50% 40%,#0d0d1e 0,#080810 60%,#04040a 100%);color:var(--white);height:100dvh;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative;letter-spacing:.01em}.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.4;will-change:transform}.bg-orb--lime{width:clamp(200px,40vw,500px);height:clamp(200px,40vw,500px);background:var(--lime);top:-15%;right:-10%;animation:orbFloatLime 12s ease-in-out infinite}.bg-orb--cyan{width:clamp(180px,35vw,420px);height:clamp(180px,35vw,420px);background:var(--cyan);bottom:-18%;left:-8%;animation:orbFloatCyan 14s ease-in-out infinite}@keyframes orbFloatLime{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(-30px,25px) scale(1.08)}50%{transform:translate(15px,-20px) scale(0.94)}75%{transform:translate(-20px,-15px) scale(1.05)}}@keyframes orbFloatCyan{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(25px,-20px) scale(1.06)}50%{transform:translate(-18px,20px) scale(0.92)}75%{transform:translate(15px,10px) scale(1.04)}}.countdown-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,16px);padding:clamp(8px,1.5vh,14px) clamp(14px,3vw,28px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:clamp(0.7rem,1.3vw,0.85rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);flex-shrink:0;white-space:nowrap}.countdown-bar .fire-icon{font-size:clamp(0.85rem,1.5vw,1.05rem);animation:firePulse .8s ease-in-out infinite}@keyframes firePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}.countdown-timer{background:rgba(194,255,0,0.1);border:1px solid rgba(194,255,0,0.25);color:var(--lime);padding:clamp(3px,0.6vh,6px) clamp(10px,2vw,16px);border-radius:999px;font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(0.75rem,1.4vw,0.9rem);min-width:56px;text-align:center;letter-spacing:.06em}.countdown-timer.urgent{color:#ff4060;border-color:rgba(255,64,96,0.4);background:rgba(255,64,96,0.1);animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,100%{box-shadow:0 0 0 rgba(255,64,96,0)}50%{box-shadow:0 0 20px rgba(255,64,96,0.35)}}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8vh,20px);padding:clamp(10px,2vh,24px) clamp(14px,3vw,32px);position:relative;z-index:5;min-height:0}.battery-wrapper{position:relative;flex-shrink:0;margin-bottom:clamp(4px,1vh,10px)}.battery-glow-ring{position:absolute;inset:-18px;border-radius:56px;background:conic-gradient(from 180deg,var(--lime),var(--cyan),var(--lime),transparent,var(--cyan),var(--lime));filter:blur(28px);opacity:.5;animation:glowRotate 8s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0deg);opacity:.45}50%{opacity:.65}100%{transform:rotate(360deg);opacity:.45}}.battery-outer{position:relative;width:clamp(110px,18vw,170px);height:clamp(185px,34vh,300px);border-radius:36px;background:linear-gradient(180deg,#15152b 0,#0a0a18 60%,#060612 100%);border:2.5px solid rgba(194,255,0,0.5);box-shadow:0 0 50px var(--lime-glow),0 0 100px rgba(0,224,255,0.12),inset 0 0 40px rgba(194,255,0,0.04),0 0 0 8px rgba(194,255,0,0.03);overflow:hidden;z-index:2;transition:box-shadow .5s ease}.battery-outer:hover{box-shadow:0 0 70px var(--lime-glow),0 0 130px rgba(0,224,255,0.2),inset 0 0 50px rgba(194,255,0,0.07),0 0 0 10px rgba(194,255,0,0.05)}.battery-terminal{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:clamp(30px,5.5vw,48px);height:clamp(14px,2.5vh,22px);background:linear-gradient(180deg,#c8d8a0 0,#8a9a50 100%);border-radius:8px 8px 3px 3px;border:2px solid rgba(194,255,0,0.6);box-shadow:0 0 18px var(--lime-glow),0 4px 8px rgba(0,0,0,0.4);z-index:3}.battery-terminal::after{content:'';position:absolute;top:2px;left:15%;width:70%;height:35%;background:rgba(255,255,255,0.3);border-radius:4px}.battery-fill{position:absolute;bottom:0;left:0;right:0;height:78%;background:linear-gradient(0deg,#00e0ff 0,#00c8e8 15%,#50e890 45%,#c2ff00 75%,#e0ff60 100%);border-radius:0 0 33px 33px;transition:height 2s ease-in-out;box-shadow:inset 0 8px 30px rgba(255,255,255,0.15),0 0 30px rgba(194,255,0,0.4);animation:fillWave 4s ease-in-out infinite}.battery-fill::after{content:'';position:absolute;top:8%;left:10%;width:35%;height:8%;background:rgba(255,255,255,0.35);border-radius:50%;filter:blur(4px);animation:surfShimmer 3s ease-in-out infinite}@keyframes fillWave{0%,100%{height:78%}30%{height:80%}60%{height:76%}85%{height:79%}}@keyframes surfShimmer{0%,100%{left:10%;opacity:.35}50%{left:55%;opacity:.5}}.battery-gloss{position:absolute;top:6px;left:8px;right:8px;height:35%;border-radius:30px 30px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,0.14) 0,rgba(255,255,255,0.03) 60%,transparent 100%);pointer-events:none;z-index:4}.battery-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;color:#080810;z-index:5;pointer-events:none;text-shadow:0 0 12px rgba(255,255,255,0.5);letter-spacing:-0.02em}.status-pulse{display:flex;align-items:center;gap:8px;font-size:clamp(0.7rem,1.2vw,0.8rem);color:var(--muted);font-weight:400;letter-spacing:.03em;flex-shrink:0;transition:color .4s ease}.status-pulse.ready{color:var(--lime)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);flex-shrink:0;animation:pulseDot 1.4s ease-in-out infinite;transition:background .4s ease}.status-pulse.ready .pulse-dot{background:var(--lime);animation:none;box-shadow:0 0 8px var(--lime)}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(0,224,255,0.6);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(0,224,255,0);transform:scale(1.4)}}h1{font-size:clamp(1.3rem,3.2vw,2.2rem);font-weight:700;text-align:center;line-height:1.15;letter-spacing:-0.02em;max-width:540px;flex-shrink:0;background:linear-gradient(135deg,#fff 0,#e0e0f0 40%,#c2ff00 70%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(194,255,0,0.25))}.subtitle{font-size:clamp(0.8rem,1.35vw,0.95rem);color:var(--muted);text-align:center;max-width:420px;line-height:1.4;flex-shrink:0;letter-spacing:.02em}.cta-button{position:relative;display:inline-flex;align-items:center;gap:clamp(6px,1.2vw,10px);padding:clamp(13px,2.2vh,18px) clamp(28px,5vw,44px);font-size:clamp(0.95rem,1.7vw,1.15rem);font-weight:700;font-family:inherit;text-decoration:none;color:#080810;background:var(--lime);border:none;border-radius:999px;cursor:pointer;letter-spacing:.02em;flex-shrink:0;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 6px 30px rgba(194,255,0,0.35),0 2px 8px rgba(0,0,0,0.3);z-index:1;-webkit-user-select:none;user-select:none;outline:none}.cta-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.cta-button:hover,.cta-button:active{transform:translateY(-2px);box-shadow:0 10px 40px rgba(194,255,0,0.5),0 3px 12px rgba(0,0,0,0.35)}.cta-button:active{transform:translateY(0);transition:transform .05s ease}.cta-shimmer{position:absolute;inset:0;z-index:-1;border-radius:999px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,0.3) 45%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.3) 55%,transparent 75%);background-size:250% 100%;background-position:150% 0;transition:background-position .6s ease;pointer-events:none}.cta-button:hover .cta-shimmer,.cta-button:active .cta-shimmer{background-position:-50% 0;transition:background-position .5s ease}.cta-icon-wrap{position:relative;width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px);flex-shrink:0}.cta-icon-lock,.cta-icon-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(0.85rem,1.4vw,1rem);transition:opacity .4s ease,transform .4s ease}.cta-icon-lock{opacity:1;transform:scale(1)}.cta-icon-check{opacity:0;transform:scale(0.5) rotate(-20deg)}.cta-button:hover .cta-icon-lock,.cta-button:active .cta-icon-lock{opacity:0;transform:scale(0.5) rotate(20deg)}.cta-button:hover .cta-icon-check,.cta-button:active .cta-icon-check{opacity:1;transform:scale(1) rotate(0deg)}.trust-row{display:flex;gap:clamp(14px,3vw,28px);flex-wrap:wrap;justify-content:center;flex-shrink:0}.trust-item{display:flex;align-items:center;gap:5px;font-size:clamp(0.65rem,1.1vw,0.75rem);font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.trust-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);flex-shrink:0;box-shadow:0 0 6px var(--lime-glow)}.activity-ticker{font-size:clamp(0.62rem,1vw,0.72rem);color:rgba(255,255,255,0.35);text-align:center;flex-shrink:0;letter-spacing:.03em;transition:opacity .5s ease;min-height:1.2em}.activity-ticker span{display:inline-block;animation:tickerFade .6s ease}@keyframes tickerFade{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.2vh,12px) clamp(14px,3vw,24px);flex-shrink:0;background:transparent}footer img{height:clamp(18px,2.8vh,26px);width:auto;opacity:.5;transition:opacity .3s ease}footer img:hover{opacity:.8}@media(max-width:380px){.battery-outer{width:95px;height:160px;border-radius:28px}.battery-fill{border-radius:0 0 25px 25px}.battery-terminal{top:-12px;width:26px;height:12px;border-radius:6px 6px 2px 2px}.battery-glow-ring{inset:-12px;border-radius:40px}.battery-gloss{border-radius:22px 22px 50% 50%;top:4px;left:5px;right:5px}}@media(min-width:768px){.battery-outer{width:clamp(150px,16vw,180px);height:clamp(260px,32vh,320px)}}