*,*::before,*::after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden;font-family:'Inter',sans-serif;background-color:#fff;color:#1d1d1f}body{display:flex;align-items:center;justify-content:center;position:relative}.bg-grad{position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(0,210,255,.08) 0,transparent 40%),radial-gradient(circle at 80% 100%,rgba(0,85,255,.06) 0,transparent 40%);z-index:-2;animation:pulseGrad 8s infinite alternate ease-in-out}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,210,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.06) 1px,transparent 1px);background-size:40px 40px;z-index:-1;animation:panGrid 60s linear infinite}.card{background:rgba(255,255,255,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:clamp(24px,5vw,48px);max-width:640px;width:92%;text-align:center;box-shadow:0 24px 48px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8);z-index:1;display:flex;flex-direction:column;align-items:center}.logo{height:40px;width:auto;margin-bottom:24px}.live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,210,255,.1);color:#079;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.pulse{width:8px;height:8px;background:#00d2ff;border-radius:50%;animation:livePulse 1.5s infinite}h1{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;margin:0 0 16px;line-height:1.15;letter-spacing:-.03em}p.sub{font-size:clamp(1rem,2vw,1.1rem);color:#555;margin:0 0 32px;line-height:1.5;max-width:540px}.feats{display:flex;justify-content:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:32px}.feat{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#333;font-weight:700}.feat svg{width:16px;height:16px;fill:#00d2ff}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d2ff,#05f);color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;padding:18px 48px;border-radius:100px;border:none;cursor:pointer;overflow:hidden;box-shadow:0 8px 24px rgba(0,85,255,.25);outline:0;will-change:transform}.cta:focus-visible{box-shadow:0 0 0 4px rgba(0,210,255,.4)}.trust{margin-top:24px;font-size:.85rem;color:#777;font-weight:400}@keyframes pulseGrad{0%{opacity:.8}100%{opacity:1}}@keyframes panGrid{0%{background-position:0 0}100%{background-position:-40px -40px}}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,210,255,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(0,210,255,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,210,255,0)}}@media(hover:hover) and (pointer:fine){.cta{transition:transform .2s ease-out,box-shadow .2s ease}.cta:hover{transform:scale(1.03);box-shadow:inset 0 0 20px rgba(0,210,255,.2),0 12px 32px rgba(0,85,255,.3)}}@media(prefers-reduced-motion:reduce){.bg-grad,.bg-grid,.pulse{animation:none}.cta{transition:none}}