html,body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;background:#000;background:radial-gradient(circle at 50% -20%,#1c1c1e 0,#000 80%);color:#f5f5f7;font-family:'Inter',sans-serif;display:flex;flex-direction:column;align-items:center}.topbar{width:100%;background:rgba(10,132,255,0.1);color:#0a84ff;text-align:center;padding:clamp(6px,1.5vh,10px);font-size:clamp(0.75rem,1.5vh,0.85rem);font-weight:700;border-bottom:1px solid rgba(10,132,255,0.2);flex-shrink:0}.hdr{width:100%;max-width:1200px;padding:clamp(12px,2.5vh,24px);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-sizing:border-box}.hdr img{max-height:clamp(20px,4vh,32px);width:auto}.pulse{display:flex;align-items:center;gap:6px;font-size:clamp(0.65rem,1.2vh,0.8rem);color:#86868b;font-weight:700}.dot-box{position:relative;width:8px;height:8px}.dot-core,.dot-ring{position:absolute;top:0;left:0;width:100%;height:100%;background:#32d74b;border-radius:50%}.dot-ring{animation:ping 2s cubic-bezier(0,0,0.2,1) infinite}@keyframes ping{75%,100%{transform:scale(2.5);opacity:0}}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 20px;box-sizing:border-box;min-height:0}.card{background:rgba(28,28,30,0.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:clamp(24px,5vh,48px) clamp(20px,4vw,40px);text-align:center;max-width:700px;width:100%;box-shadow:0 0 60px rgba(10,132,255,0.1);display:flex;flex-direction:column;align-items:center}.badges{display:flex;justify-content:center;gap:8px;margin-bottom:clamp(16px,3vh,24px);flex-wrap:wrap}.badge{background:rgba(255,255,255,0.1);color:#e5e5ea;font-size:clamp(0.65rem,1.2vh,0.75rem);padding:4px 12px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,0.05);letter-spacing:.02em}h1{font-size:clamp(1.75rem,4.5vh,3rem);line-height:1.1;margin:0 0 clamp(12px,2.5vh,16px);font-weight:700;letter-spacing:-.03em;color:#fff}p.sub{font-size:clamp(0.9rem,2vh,1.15rem);line-height:1.5;color:#a1a1a6;margin:0 0 clamp(24px,4.5vh,36px);max-width:580px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0a84ff;color:#fff;text-decoration:none;font-size:clamp(1.1rem,2.5vh,1.35rem);font-weight:700;padding:clamp(14px,2.5vh,20px) clamp(28px,5vw,48px);border-radius:100px;transition:all .3s ease;box-shadow:0 8px 24px rgba(10,132,255,0.4)}.cta:hover{transform:scale(1.02);background:#0071e3;box-shadow:0 12px 32px rgba(10,132,255,0.6)}.cta:focus{outline:2px solid #fff;outline-offset:2px}.cta svg{width:clamp(18px,2.5vh,24px);height:clamp(18px,2.5vh,24px);transition:transform .3s ease}.cta:hover svg{transform:scale(1.15) rotate(-8deg)}.fric{font-size:clamp(0.7rem,1.5vh,0.85rem);color:#86868b;margin-top:clamp(16px,2.5vh,24px);font-weight:700;letter-spacing:.01em}.ftr{width:100%;background:rgba(0,0,0,0.5);border-top:1px solid rgba(255,255,255,0.05);padding:clamp(10px,2vh,16px) 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(6px,1.5vh,10px);align-items:center;flex-shrink:0}.disc{color:#6e6e73;font-size:clamp(0.6rem,1.2vh,0.7rem);text-align:center;max-width:850px;line-height:1.4}.tick{font-family:monospace;font-size:clamp(0.55rem,1.1vh,0.65rem);color:#32d74b;text-align:center;width:100%;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}