/* Design tokens */
:root{--bg:#0b0b0f;--fg:#ffffff;--muted:#b0b3b8;--pink:#fe2c55;--cyan:#25f4ee;--glass:rgba(255,255,255,.06);--maxw:1200px;--fs-hero:clamp(1.75rem,3.6vw + .5rem,3.2rem);--fs-h2:clamp(1.25rem,1.6vw + .6rem,2rem);--fs-h3:clamp(1rem,1.2vw + .4rem,1.25rem);--fs-body:clamp(.95rem,.4vw + .8rem,1.125rem);--fs-small:clamp(.85rem,.3vw + .7rem,1rem);--radius:18px;--tap:44px}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto} a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.topbar{position:sticky;top:0;z-index:1000;background:rgba(6,6,9,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;gap:12px;flex-wrap:wrap}
.brandbox{display:flex;align-items:center;gap:12px;min-height:var(--tap)}
.brand-logo{height:40px;width:40px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}
.brand-text{font-weight:900;letter-spacing:.2px;line-height:1;font-size:var(--fs-h3)} .tiktok{background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nav a{opacity:.9;font-weight:700;font-size:var(--fs-small);padding:8px 10px;border-radius:10px}
.nav a:focus-visible, .btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{border-radius:14px;padding:10px 16px;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:900;letter-spacing:.2px;font-size:var(--fs-small)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.2)} .btn.cta{background:var(--pink)} .btn.accent{background:var(--cyan);color:#001a1f} .btn.large{padding:14px 20px;font-size:calc(var(--fs-small) + 2px);border-radius:18px}
.hero{position:relative;padding:clamp(40px,6vw,90px) 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(18px,3vw,36px)} @media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.headline{font-size:var(--fs-hero);line-height:1.15;margin:0 0 10px;font-weight:900;letter-spacing:.3px}
.accent-grad{background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{opacity:.92;font-size:var(--fs-body);margin:0 0 14px;font-weight:700;max-width:70ch}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:var(--fs-small)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font-size:var(--fs-small)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.trust{display:flex;gap:12px;list-style:none;padding:0;margin:16px 0 0 0;opacity:.95;font-size:var(--fs-small)}
.hero-card{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:18px;background:var(--glass)}
.glow{box-shadow:0 0 120px rgba(254,44,85,.22),0 0 110px rgba(37,244,238,.22) inset}
.hero-img{border-radius:16px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;font-size:var(--fs-small);opacity:.95;font-weight:700;text-align:center}
.hero-stats strong{display:block;font-size:clamp(1.1rem,1.3vw,1.5rem)}
.section{padding:clamp(44px,5vw,70px) 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.section-title{margin:0 0 18px;font-size:var(--fs-h2);font-weight:1000;letter-spacing:.2px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,18px)}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.cards{grid-template-columns:1fr}}
.card{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:16px;background:rgba(255,255,255,.04)}
.card .num{font-weight:1000;opacity:.25;font-size:clamp(1rem,1.5vw,1.4rem)}
.card h3{margin:10px 0 6px;font-size:var(--fs-h3);font-weight:900}
.card p, .card li{opacity:.92;line-height:1.85;font-size:var(--fs-body)} .card ul{margin:10px 0 0 1.2em}
.grid-how{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(14px,2.4vw,24px)} @media (max-width:900px){.grid-how{grid-template-columns:1fr}}
.box{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:18px;background:rgba(255,255,255,.05)} .box.glass{background:rgba(255,255,255,.03)}
.center{display:flex;align-items:center;justify-content:center;flex-direction:column}
.qr{width:min(220px,70%);height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.hint{margin-top:10px;opacity:.9;font-size:var(--fs-small)}
.steps{margin:14px 0 0 0;padding:0 0 0 20px;font-size:var(--fs-body)} .steps li{margin-bottom:6px}
.faq{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;margin:14px 0;background:rgba(255,255,255,.04)} .faq summary{cursor:pointer;font-weight:900;font-size:var(--fs-h3)} .faq p{font-size:var(--fs-body);line-height:1.85;margin:.5em 0 0}
.cta-final{padding:clamp(34px,4vw,60px) 0 clamp(60px,6vw,86px)}
.cta-final-box{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;background:rgba(255,255,255,.04);flex-wrap:wrap}
.qr-mini{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;background:rgba(255,255,255,.05)}
.footer{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:var(--fs-small)}
.row{display:flex;align-items:center} .gap{gap:12px} .mt{margin-top:16px}
@media (prefers-reduced-motion: no-preference){.btn.cta,.btn.accent{transition:transform .12s ease,opacity .12s ease}.btn.cta:hover,.btn.accent:hover{transform:translateY(-1px);opacity:.95}}