*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(160deg,#06060d 0,#0a0b14 30%,#0d0f1a 60%,#080a12 100%);color:#fff;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,rgba(0,229,255,0.025) 0,rgba(0,229,255,0.025) 1px,transparent 1px,transparent 36px),repeating-linear-gradient(-45deg,rgba(0,229,255,0.018) 0,rgba(0,229,255,0.018) 1px,transparent 1px,transparent 36px);opacity:1}.vignette{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(6,6,13,0.7) 100%)}.particles-container{position:fixed;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;background:rgba(0,229,255,0.5);will-change:transform,opacity}.particle:nth-child(1){width:3px;height:3px;top:12%;left:18%;animation:floatA 7s ease-in-out infinite}.particle:nth-child(2){width:2px;height:2px;top:22%;right:15%;animation:floatB 8.5s ease-in-out infinite;animation-delay:1.2s}.particle:nth-child(3){width:4px;height:4px;top:65%;left:10%;animation:floatA 6.2s ease-in-out infinite;animation-delay:2.5s}.particle:nth-child(4){width:2px;height:2px;top:75%;right:20%;animation:floatB 9s ease-in-out infinite;animation-delay:.7s}.particle:nth-child(5){width:3px;height:3px;top:35%;left:78%;animation:floatA 7.8s ease-in-out infinite;animation-delay:3.1s}.particle:nth-child(6){width:2px;height:2px;top:48%;left:6%;animation:floatB 6.8s ease-in-out infinite;animation-delay:1.8s}.particle:nth-child(7){width:3px;height:3px;top:82%;left:70%;animation:floatA 8.1s ease-in-out infinite;animation-delay:4s}.particle:nth-child(8){width:2px;height:2px;top:15%;left:50%;animation:floatB 7.3s ease-in-out infinite;animation-delay:2.1s}@keyframes floatA{0%,100%{transform:translateY(0) translateX(0);opacity:.4}25%{transform:translateY(-18px) translateX(6px);opacity:.7}50%{transform:translateY(-8px) translateX(-4px);opacity:.5}75%{transform:translateY(-22px) translateX(3px);opacity:.6}}@keyframes floatB{0%,100%{transform:translateY(0) translateX(0);opacity:.35}25%{transform:translateY(-14px) translateX(-8px);opacity:.65}50%{transform:translateY(-6px) translateX(5px);opacity:.45}75%{transform:translateY(-20px) translateX(-3px);opacity:.7}}.logo{position:fixed;top:clamp(14px,2.5vh,24px);left:clamp(14px,3vw,28px);z-index:10}.logo img{height:clamp(26px,4.5vh,38px);width:auto;display:block}.main-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(16px,3vw,32px);max-width:600px;width:100%}.battery-wrapper{position:relative;margin-bottom:clamp(18px,3vh,30px);will-change:transform}.battery-svg{width:clamp(180px,42vw,300px);height:auto;display:block;filter:drop-shadow(0 0 14px rgba(0,229,255,0.55)) drop-shadow(0 0 38px rgba(0,229,255,0.22)) drop-shadow(0 0 70px rgba(0,180,255,0.1));transition:filter .4s ease}.battery-svg.glow-intense{filter:drop-shadow(0 0 22px rgba(0,229,255,0.7)) drop-shadow(0 0 50px rgba(0,229,255,0.35)) drop-shadow(0 0 90px rgba(0,180,255,0.18))}h1{font-size:clamp(1.5rem,4.5vw,2.6rem);font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#fff;margin-bottom:clamp(8px,1.5vh,14px);max-width:500px}h1 .accent{background:linear-gradient(135deg,#00e5ff,#0090ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:clamp(0.95rem,2.2vw,1.15rem);font-weight:400;line-height:1.5;color:rgba(255,255,255,0.68);margin-bottom:clamp(20px,3.5vh,32px);max-width:420px}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:clamp(14px,2.5vh,18px) clamp(28px,6vw,44px);font-size:clamp(1rem,2.3vw,1.2rem);font-weight:700;font-family:inherit;color:#080a12;text-decoration:none;background:linear-gradient(135deg,#00e5ff 0,#0090ff 60%,#0068d6 100%);border:none;border-radius:50px;cursor:pointer;position:relative;z-index:5;letter-spacing:.01em;box-shadow:0 0 28px rgba(0,229,255,0.4),0 0 60px rgba(0,144,255,0.18),0 4px 20px rgba(0,0,0,0.3);transition:transform .35s cubic-bezier(0.34,1.56,0.64,1),box-shadow .35s ease,width .35s cubic-bezier(0.34,1.56,0.64,1),padding .35s cubic-bezier(0.34,1.56,0.64,1);outline:none;will-change:transform,box-shadow}.cta-button:hover{transform:translateY(-1px) scaleX(1.05);box-shadow:0 0 40px rgba(0,229,255,0.55),0 0 80px rgba(0,144,255,0.28),0 6px 28px rgba(0,0,0,0.35)}.cta-button:active{transform:scale(0.98);box-shadow:0 0 50px rgba(0,229,255,0.7),0 0 90px rgba(0,144,255,0.4),0 2px 12px rgba(0,0,0,0.3);transition:transform .08s ease,box-shadow .08s ease}.cta-button:focus-visible{box-shadow:0 0 0 3px #080a12,0 0 0 5px #00e5ff,0 0 40px rgba(0,229,255,0.6),0 0 80px rgba(0,144,255,0.3);outline:none}.cta-arrow{display:inline-block;transition:transform .3s ease;font-size:1.1em}.cta-button:hover .cta-arrow{transform:translateX(3px)}@media(prefers-reduced-motion:reduce){.grid-overlay{animation:none!important;opacity:1!important}.particle{animation:none!important;opacity:.3!important}.battery-svg{animation:none!important;filter:drop-shadow(0 0 14px rgba(0,229,255,0.45)) drop-shadow(0 0 32px rgba(0,229,255,0.18))!important}.battery-svg.glow-intense{filter:drop-shadow(0 0 14px rgba(0,229,255,0.45)) drop-shadow(0 0 32px rgba(0,229,255,0.18))!important}h1,.subtitle,.cta-button{animation:none!important;opacity:1!important;transform:none!important}.cta-button:hover{transform:none!important;box-shadow:0 0 28px rgba(0,229,255,0.4),0 0 60px rgba(0,144,255,0.18),0 4px 20px rgba(0,0,0,0.3)!important}.cta-button:active{transform:scale(0.98)!important;transition:transform .05s ease!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-reduced-motion:no-preference){.grid-overlay{animation:gridFadeIn 500ms ease-out forwards}.battery-svg{animation:batteryEntrance 500ms ease-out 80ms both}h1{animation:textFadeUp 450ms ease-out 220ms both}.subtitle{animation:textFadeUp 420ms ease-out 300ms both}.cta-button{animation:ctaBounce 480ms ease-out 400ms both}@keyframes gridFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes batteryEntrance{0%{transform:scale(0.9);filter:drop-shadow(0 0 2px rgba(0,229,255,0.15)) drop-shadow(0 0 8px rgba(0,229,255,0.05))}60%{transform:scale(1.02)}100%{transform:scale(1);filter:drop-shadow(0 0 14px rgba(0,229,255,0.55)) drop-shadow(0 0 38px rgba(0,229,255,0.22)) drop-shadow(0 0 70px rgba(0,180,255,0.1))}}@keyframes textFadeUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}@keyframes ctaBounce{0%{opacity:0;transform:translateY(8px) scale(0.94)}55%{opacity:1;transform:translateY(-3px) scale(1.03)}75%{transform:translateY(1px) scale(0.99)}100%{opacity:1;transform:translateY(0) scale(1)}}}@media(max-width:480px){.battery-svg{width:clamp(150px,55vw,220px)}h1{font-size:clamp(1.3rem,5.5vw,1.7rem)}.subtitle{font-size:clamp(0.85rem,3.2vw,0.95rem)}.cta-button{padding:clamp(12px,2.2vh,16px) clamp(22px,7vw,34px);font-size:clamp(0.9rem,3vw,1rem)}.logo img{height:clamp(22px,4vh,30px)}}@media(max-height:600px){.battery-svg{width:clamp(120px,28vw,160px);margin-bottom:clamp(8px,1.5vh,14px)}h1{margin-bottom:clamp(4px,1vh,8px)}.subtitle{margin-bottom:clamp(10px,2vh,16px)}.main-content{padding:clamp(8px,2vw,16px)}}