:root{--bg:#14062e;--pink:#ff2d95;--lime:#9dff3a;--yellow:#ffd93a}
*{box-sizing:border-box;margin:0}
body{background:radial-gradient(circle at 50% 0,#3a1370,var(--bg) 60%) fixed;color:#fff;font-family:Poppins,system-ui,sans-serif;text-align:center;padding-bottom:90px;overflow-x:hidden}
a{color:inherit}
.fruits{position:fixed;inset:0;pointer-events:none;z-index:0}
.f{position:absolute;width:clamp(48px,10vw,110px);opacity:.55;animation:float 6s ease-in-out infinite;pointer-events:auto}
.f1{left:4%;top:12%}.f2{right:6%;top:22%;animation-delay:-1s}.f3{left:8%;top:55%;animation-delay:-2s;cursor:pointer}
.f4{right:10%;top:62%;animation-delay:-3s}.f5{left:70%;top:6%;animation-delay:-4s}.f6{left:40%;top:80%;animation-delay:-5s}
@keyframes float{50%{transform:translateY(-22px) rotate(8deg)}}
header,main,footer{position:relative;z-index:1;max-width:960px;margin:auto;padding:0 16px}
.hero{padding-top:36px;padding-bottom:32px}
.hero-fruit{width:min(58vw,260px);filter:drop-shadow(0 0 40px var(--lime));animation:float 5s ease-in-out infinite}
.logo{font-size:clamp(44px,13vw,96px);font-weight:900;line-height:1;text-shadow:0 0 24px var(--pink)}
.logo span{color:var(--lime);text-shadow:0 0 24px var(--lime)}
.tag{font-size:clamp(20px,5vw,34px);font-weight:800;margin:12px 0}.tag b{color:var(--yellow)}
.sub{max-width:520px;margin:0 auto 24px;opacity:.85}
.cta{display:inline-block;background:linear-gradient(135deg,var(--pink),#ff7a2d);padding:18px 32px;border-radius:999px;font-weight:900;font-size:clamp(16px,4.5vw,22px);text-decoration:none;box-shadow:0 0 28px rgba(255,45,149,.7);animation:pulse 1.6s infinite;transition:box-shadow .2s}
.cta:hover{box-shadow:0 0 50px var(--pink),0 0 20px var(--yellow)}
@keyframes pulse{50%{transform:scale(1.05)}}
.stats{list-style:none;padding:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.stats li{background:#ffffff14;border:1px solid #ffffff30;border-radius:999px;padding:6px 14px;font-size:14px}.stats b{color:var(--lime)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px auto}
.card{background:#ffffff12;backdrop-filter:blur(10px);border:1px solid var(--lime);box-shadow:0 0 14px #9dff3a55;border-radius:20px;padding:20px}
.card img{width:84px;height:84px;object-fit:contain}.card h2{font-size:20px;margin:8px 0 4px}.card p{opacity:.8;font-size:14px}
.media,.bottom{margin:48px auto}.media h2{margin-bottom:16px;font-size:clamp(24px,6vw,36px)}
.media img{max-width:100%;height:auto;border-radius:20px;border:2px solid var(--pink);box-shadow:0 0 30px #ff2d9566}
.btn{display:inline-block;margin-top:20px;padding:14px 26px;border-radius:999px;border:2px solid var(--lime);text-decoration:none;font-weight:800}
.btn:hover{background:var(--lime);color:var(--bg)}.soc{margin-top:18px}
footer{font-size:13px;opacity:.65;padding-bottom:24px}footer p{margin:4px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 40%)}
.sticky .cta{display:block;max-width:420px;margin:auto;padding:14px}
@media(min-width:900px){.sticky{display:none}body{padding-bottom:0}}
.modal{position:fixed;inset:0;background:#000a;z-index:10;display:grid;place-items:center}.modal[hidden]{display:none}
.modal>div{background:var(--bg);border:2px solid var(--yellow);border-radius:20px;padding:28px}
.modal code{display:block;font-size:30px;color:var(--yellow);margin:12px 0}.modal button{padding:8px 24px;border-radius:99px;border:0;font-weight:800}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.tg{margin:14px 6px 0;border-color:#29a9eb}.tg:hover{background:#29a9eb;color:#fff}
#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}
.hud{margin:18px auto 0;max-width:340px;background:#ffffff14;border:1px solid #ffffff30;border-radius:16px;padding:10px 14px;font-weight:800}
.hud b{color:var(--yellow);font-size:22px}.hud small{display:block;opacity:.7;font-weight:600;margin-top:4px}
.bar{height:8px;background:#ffffff22;border-radius:9px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),var(--yellow));transition:width .2s}
.f.pop{animation:none;transform:scale(0);transition:transform .2s}
.try{margin:48px auto}.try h2{font-size:clamp(24px,6vw,36px)}.try p{opacity:.8;margin:8px 0 18px}
.phone{position:relative;width:min(100%,360px);height:min(78vh,640px);margin:auto;border:3px solid var(--pink);border-radius:28px;overflow:hidden;box-shadow:0 0 40px #ff2d9566;background:#000}
.phone iframe{width:100%;height:100%;border:0}
.start,.after{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#14062ef0;color:#fff;font:900 22px Poppins,sans-serif;border:0;cursor:pointer}
.after[hidden]{display:none}.after .btn{margin:0}.link{background:none;border:0;color:#fff;opacity:.7;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}
.start img{border-radius:22px;animation:pulse 1.6s infinite}
.share{margin-top:36px}.share h3{margin-bottom:6px}.share .btn{margin:10px 4px 0;background:none;color:#fff;cursor:pointer;font:800 15px Poppins,sans-serif;padding:10px 18px}
.modal .note{font-size:12px;opacity:.7;margin-top:10px}.modal button{cursor:pointer;margin:4px}