*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;width:100vw;overflow:hidden;font-family:'Outfit',sans-serif;background:#0a0a0f;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 30%,#111118 0,#0a0a0f 60%,#050508 100%)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(10,10,15,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.06);height:42px}.top-bar-left{display:flex;align-items:center;gap:8px}.top-bar-logo{width:28px;height:28px;border-radius:7px;object-fit:contain}.top-bar-brand{font-weight:700;font-size:14px;letter-spacing:-0.3px;color:#fff}.top-bar-countdown{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:rgba(255,255,255,0.7);letter-spacing:.2px}.countdown-dot{width:7px;height:7px;border-radius:50%;background:#00e5ff;animation:countdownPulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #00e5ff,0 0 16px rgba(0,229,255,0.4)}.countdown-timer{font-weight:700;color:#00e5ff;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}@keyframes countdownPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(0.6)}}.live-ping{position:fixed;top:50px;right:16px;z-index:99;display:flex;align-items:center;gap:8px;background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.2);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:400;color:rgba(255,255,255,0.85);letter-spacing:.15px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ping-dot{width:8px;height:8px;border-radius:50%;background:#00e5ff;position:relative;box-shadow:0 0 6px #00e5ff}.ping-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #00e5ff;animation:pingRing 2s ease-out infinite}@keyframes pingRing{0%{transform:scale(0.6);opacity:1}100%{transform:scale(2.2);opacity:0}}.main-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:50px 20px 120px;height:100vh;overflow:hidden}.hero-container{display:flex;align-items:center;justify-content:center;gap:clamp(20px,6vw,60px);max-width:900px;width:100%;position:relative}.phone-wrapper{position:relative;flex-shrink:0;z-index:2}.glass-card{position:absolute;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:12px 16px;font-size:11px;font-weight:400;color:rgba(255,255,255,0.7);letter-spacing:.2px;z-index:0;animation:floatCard 6s ease-in-out infinite;pointer-events:none;white-space:nowrap}.glass-card:nth-child(1){top:-30px;left:-50px;animation-delay:0s}.glass-card:nth-child(2){bottom:-20px;left:-40px;animation-delay:-2s}.glass-card:nth-child(3){top:40px;right:-60px;animation-delay:-4s}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-frame{width:clamp(180px,28vw,280px);height:clamp(360px,56vw,560px);background:#1a1a20;border-radius:28px;border:3px solid #2a2a32;position:relative;box-shadow:0 30px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04),0 0 80px rgba(0,229,255,0.06);overflow:hidden}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70px;height:18px;background:#0a0a0f;border-radius:0 0 12px 12px;z-index:5}.phone-screen{position:absolute;inset:5px;border-radius:22px;overflow:hidden;background:#0d0d14}.phone-screen-inner{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(0,229,255,0.25) 0,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(255,0,110,0.2) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(120,0,255,0.15) 0,transparent 60%)}.orb{position:absolute;border-radius:50%;filter:blur(35px);opacity:.7;pointer-events:none}.orb-1{width:90px;height:90px;background:rgba(0,229,255,0.6);top:15%;left:20%;animation:orbMove1 8s ease-in-out infinite}.orb-2{width:70px;height:70px;background:rgba(255,0,110,0.55);top:55%;left:60%;animation:orbMove2 10s ease-in-out infinite}.orb-3{width:50px;height:50px;background:rgba(180,0,255,0.5);top:30%;left:50%;animation:orbMove3 7s ease-in-out infinite}.orb-4{width:40px;height:40px;background:rgba(0,229,255,0.4);top:70%;left:25%;animation:orbMove4 9s ease-in-out infinite}@keyframes orbMove1{0%,100%{transform:translate(0,0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-15px,25px)}75%{transform:translate(-25px,-10px)}}@keyframes orbMove2{0%,100%{transform:translate(0,0)}25%{transform:translate(-25px,15px)}50%{transform:translate(20px,-30px)}75%{transform:translate(10px,20px)}}@keyframes orbMove3{0%,100%{transform:translate(0,0)}33%{transform:translate(20px,20px)}66%{transform:translate(-30px,-15px)}}@keyframes orbMove4{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-25px)}}.phone-glare{position:absolute;inset:5px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,0.06) 0,transparent 40%,transparent 60%,rgba(255,255,255,0.03) 100%);z-index:3;pointer-events:none}.hero-copy{display:flex;flex-direction:column;gap:clamp(10px,2vh,20px);z-index:2;text-align:left;max-width:380px}.hero-copy h1{font-size:clamp(28px,5vw,52px);font-weight:700;letter-spacing:-1px;line-height:1.05;color:#fff;margin:0}.hero-copy h1 .accent-cyan{color:#00e5ff}.hero-copy h1 .accent-magenta{color:#ff006e}.hero-subtitle{font-size:clamp(13px,1.8vw,16px);font-weight:400;color:rgba(255,255,255,0.65);letter-spacing:.1px;line-height:1.5}.hero-subtitle strong{color:#fff;font-weight:700}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hero-tag{font-size:11px;padding:5px 12px;border-radius:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);letter-spacing:.2px;white-space:nowrap}.cta-area{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px}.cta-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;font-size:clamp(15px,2.2vw,18px);font-weight:700;font-family:'Outfit',sans-serif;letter-spacing:-0.2px;color:#fff;background:linear-gradient(135deg,#ff006e 0,#e8005c 30%,#c8004a 70%,#ff006e 100%);background-size:200% 200%;border:none;border-radius:50px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(255,0,110,0.35),0 0 60px rgba(255,0,110,0.2),0 0 100px rgba(0,229,255,0.1);animation:ctaPulse 2.5s ease-in-out infinite,ctaGradient 4s ease infinite;transition:transform .15s ease;outline:none;min-width:280px;text-align:center;z-index:1}.cta-button::before{content:'';position:absolute;inset:-2px;border-radius:52px;background:linear-gradient(135deg,#00e5ff,#ff006e,#00e5ff);background-size:300% 300%;z-index:-1;animation:ctaBorderGlow 3s ease infinite;opacity:.7;filter:blur(6px)}.cta-button::after{content:'';position:absolute;inset:0;border-radius:50px;background:transparent;z-index:0}.cta-button:hover{transform:translateX(-50%) scale(1.04);animation:ctaPulse 2.5s ease-in-out infinite,ctaGradient 4s ease infinite,ctaBounce .4s ease}.cta-button:active{transform:translateX(-50%) scale(0.96)}.cta-button:focus-visible{box-shadow:0 8px 32px rgba(255,0,110,0.5),0 0 60px rgba(255,0,110,0.35),0 0 0 4px rgba(0,229,255,0.5)}.cta-button-text{position:relative;z-index:1}.cta-button-arrow{position:relative;z-index:1;font-size:1.2em;transition:transform .2s ease}.cta-button:hover .cta-button-arrow{transform:translateX(3px)}@keyframes ctaPulse{0%,100%{box-shadow:0 8px 32px rgba(255,0,110,0.35),0 0 60px rgba(255,0,110,0.2),0 0 100px rgba(0,229,255,0.1)}50%{box-shadow:0 12px 40px rgba(255,0,110,0.5),0 0 80px rgba(255,0,110,0.35),0 0 130px rgba(0,229,255,0.2)}}@keyframes ctaGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes ctaBorderGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes ctaBounce{0%{transform:translateX(-50%) scale(1)}30%{transform:translateX(-50%) scale(1.06)}50%{transform:translateX(-50%) scale(0.97)}70%{transform:translateX(-50%) scale(1.03)}100%{transform:translateX(-50%) scale(1.04)}}.cta-button.loading{pointer-events:none;animation:none;background:linear-gradient(135deg,#3a3a44 0,#2a2a34 50%,#3a3a44 100%);background-size:200% 200%;box-shadow:0 4px 16px rgba(0,0,0,0.3)}.cta-button.loading::before{opacity:0}.cta-button.loading .cta-button-text{opacity:.6}.cta-button.loading .cta-shimmer{display:block}.cta-shimmer{display:none;position:absolute;inset:0;border-radius:50px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,0.08) 25%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.08) 75%,transparent 100%);background-size:200% 100%;animation:shimmerMove .8s linear infinite;z-index:2;pointer-events:none}@keyframes shimmerMove{0%{background-position:200% 0}100%{background-position:-200% 0}}.secure-badge{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,0.6);letter-spacing:.2px}.secure-badge svg{width:16px;height:16px;flex-shrink:0}.secure-lock{stroke:#00e5ff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.secure-check{stroke:#00e5ff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:drawCheck .6s ease forwards .5s}@keyframes drawCheck{to{stroke-dashoffset:0}}.bottom-ticker{position:fixed;bottom:0;left:0;right:0;z-index:49;height:30px;background:rgba(10,10,15,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,0.05);overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:40px;animation:tickerScroll 30s linear infinite;white-space:nowrap;padding:0 20px}.ticker-item{font-size:10px;color:rgba(255,255,255,0.45);letter-spacing:.3px;display:flex;align-items:center;gap:6px}.ticker-dot{width:4px;height:4px;border-radius:50%;background:rgba(0,229,255,0.5);flex-shrink:0}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width:768px){.hero-container{flex-direction:column;gap:16px;padding-top:20px}.hero-copy{text-align:center;align-items:center;max-width:100%}.hero-copy h1{font-size:clamp(24px,7vw,36px)}.phone-frame{width:clamp(150px,40vw,200px);height:clamp(300px,80vw,400px)}.glass-card:nth-child(1){top:-20px;left:-20px;font-size:10px;padding:8px 12px}.glass-card:nth-child(2){bottom:-15px;left:-15px;font-size:10px;padding:8px 12px}.glass-card:nth-child(3){top:20px;right:-25px;font-size:10px;padding:8px 12px}.cta-area{bottom:36px}.cta-button{padding:14px 28px;font-size:14px;min-width:240px}.live-ping{top:48px;right:8px;font-size:10px;padding:5px 10px}.top-bar{padding:6px 10px;height:38px}.top-bar-brand{font-size:12px}.top-bar-countdown{font-size:10px}}@media(max-width:380px){.phone-frame{width:130px;height:260px}.phone-notch{width:50px;height:14px}.glass-card{display:none}.cta-button{padding:12px 20px;font-size:13px;min-width:200px}.hero-copy h1{font-size:22px}.hero-subtitle{font-size:11px}.hero-tag{font-size:9px;padding:4px 8px}}