*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a1a0f;--bg-mid:#0d2818;--green-dark:#0f3d1e;--green-mid:#1a6b3c;--green-bright:#2ecc71;--green-neon:#39ff85;--green-glow:#00ff6a;--lime:#b8ff3a;--cyan-accent:#00e5c8;--white:#f0fff4;--white-soft:#f0fff4b3}body{background:var(--bg-deep);min-height:100vh;color:var(--white);cursor:none;justify-content:center;align-items:center;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.bg-mesh{z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 80%, #1e783c40 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 20%, #00e5c81f 0%, transparent 50%), radial-gradient(ellipse 100% 100% at 50% 50%, var(--bg-mid) 0%, var(--bg-deep) 100%);position:fixed;inset:0}.bg-grid{z-index:0;background-image:linear-gradient(#2ecc710a 1px,#0000 1px),linear-gradient(90deg,#2ecc710a 1px,#0000 1px);background-size:60px 60px;animation:4s ease-in-out infinite gridPulse;position:fixed;inset:0}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:1}}.particle-field{z-index:1;pointer-events:none;position:fixed;inset:0}.bg-particle{background:var(--green-neon);opacity:0;border-radius:50%;animation:8s ease-in-out infinite floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.cursor-dot{background:var(--green-neon);pointer-events:none;z-index:9999;width:12px;height:12px;box-shadow:0 0 20px var(--green-glow), 0 0 40px #00ff6a66;mix-blend-mode:screen;border-radius:50%;transition:width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:2px solid #39ff8566;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.main-content{z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:40px;display:flex;position:relative}.battery-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.battery-glow{filter:blur(40px);pointer-events:none;border-radius:40px;width:300px;height:450px;position:absolute}.battery{width:200px;height:360px;position:relative}.battery-cap{background:linear-gradient(#39ff854d,#39ff851a);border:2px solid #39ff8559;border-bottom:none;border-radius:8px 8px 0 0;width:70px;height:24px;transition:border-color .3s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.battery-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1a0fcc;border:3px solid #39ff854d;border-radius:20px;width:100%;height:100%;transition:border-color .5s;position:relative;overflow:hidden}.battery-fill{background:linear-gradient(180deg, var(--lime) 0%, var(--green-neon) 30%, var(--green-bright) 70%, var(--green-mid) 100%);border-radius:0 0 16px 16px;position:absolute;bottom:0;left:0;right:0}.battery-fill:before{content:"";background:linear-gradient(#ffffff4d 0%,#0000 100%);height:30px;position:absolute;top:0;left:0;right:0}.battery-wave{pointer-events:none;width:120%;height:16px;position:absolute;top:-8px;left:-10%}.battery-wave svg{width:100%;height:100%}.battery-segments{pointer-events:none;flex-direction:column;justify-content:space-evenly;padding:10px;display:flex;position:absolute;inset:0}.segment-line{background:#39ff851a;height:1px}.battery-percent{color:var(--white);text-shadow:0 0 30px #39ff8599;z-index:5;pointer-events:none;letter-spacing:-2px;font-family:Space Mono,monospace;font-size:48px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battery-percent span{opacity:.7;font-size:24px}.bolt-icon{z-index:6;pointer-events:none;filter:drop-shadow(0 0 20px var(--green-neon));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-block{text-align:center}.headline{letter-spacing:-1px;background:linear-gradient(135deg, var(--white) 0%, var(--green-neon) 50%, var(--cyan-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.15}.subline{color:var(--white-soft);letter-spacing:6px;text-transform:uppercase;font-size:clamp(14px,2vw,20px);font-weight:300}.subline-dot{background:var(--green-neon);vertical-align:middle;width:6px;height:6px;box-shadow:0 0 8px var(--green-glow);border-radius:50%;margin:0 4px;animation:1.5s ease-in-out infinite dotBlink;display:inline-block}.subline-dot:nth-child(2){animation-delay:.3s}.subline-dot:nth-child(3){animation-delay:.6s}@keyframes dotBlink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hint{color:#39ff8566;letter-spacing:3px;text-transform:uppercase;z-index:10;align-items:center;gap:10px;font-size:13px;font-weight:300;animation:3s ease-in-out infinite hintFade;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.hint svg{animation:2s ease-in-out infinite hintWiggle}@keyframes hintFade{0%,to{opacity:.3}50%{opacity:.8}}@keyframes hintWiggle{0%,to{transform:translate(0)}25%{transform:translate(5px)}75%{transform:translate(-5px)}}.sparks-canvas{z-index:5;pointer-events:none;position:fixed;inset:0}.charge-indicator{color:var(--green-neon);opacity:0;z-index:10;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:13px;transition:opacity .4s;display:flex;position:fixed;top:30px;right:30px}.charge-indicator.active{opacity:1}.pulse-dot{background:var(--green-neon);width:8px;height:8px;box-shadow:0 0 12px var(--green-glow);border-radius:50%;animation:.6s ease-in-out infinite chargePulse}@keyframes chargePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.screen-flash{z-index:2;pointer-events:none;background:radial-gradient(#39ff850f,#0000 70%);transition:opacity .3s;position:fixed;inset:0}@media (width<=600px){.battery{width:140px;height:260px}.battery-percent{font-size:32px}.hint{letter-spacing:2px;font-size:11px}}