*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif;background:#0a0a0c;color:#e8e8ed;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(12px,3vw,32px);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#1a1a2e22 0,transparent 70%),radial-gradient(ellipse at 80% 90%,#0a1a2f44 0,transparent 60%);pointer-events:none;z-index:0}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,122,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,122,255,0.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);pointer-events:none;z-index:0}main{position:relative;z-index:1;width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,2.5vh,20px)}.logo-wrap{margin-bottom:clamp(2px,1vh,8px)}.logo-wrap img{height:clamp(32px,6vw,48px);width:auto;display:block;margin:0 auto}h1{font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:#f5f5f7;max-width:90vw;text-shadow:0 0 80px rgba(0,122,255,0.18)}h1 span{display:inline-block}h1 .accent-blue{color:#007AFF}h1 .accent-green{color:#30d158}.subhead{font-size:clamp(0.95rem,1.8vw,1.15rem);font-weight:400;color:#98989e;max-width:500px;line-height:1.5;margin:0 auto}.chips-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(6px,1.5vh,14px) 0}.chip{background:rgba(28,28,30,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.06);border-radius:100px;padding:8px 18px;font-size:.82rem;font-weight:700;color:#c7c7cc;letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,0.4);white-space:nowrap}.compat-ping{display:inline-flex;align-items:center;gap:8px;background:rgba(22,22,24,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(48,209,88,0.25);border-radius:20px;padding:6px 16px;font-size:.78rem;font-weight:700;color:#30d158;box-shadow:0 0 18px rgba(48,209,88,0.12);margin-top:2px}.compat-ping .dot{width:7px;height:7px;background:#30d158;border-radius:50%;box-shadow:0 0 8px #30d158;animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.7)}}.cta-btn{display:inline-block;background:#007AFF;color:#fff;font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:700;padding:clamp(14px,2.5vh,20px) clamp(32px,6vw,56px);border-radius:60px;text-decoration:none;letter-spacing:-0.02em;box-shadow:0 0 48px rgba(0,122,255,0.55),0 8px 24px rgba(0,0,0,0.5);transition:transform .25s,box-shadow .25s;position:relative;z-index:2;margin:clamp(8px,2vh,16px) 0 4px}.cta-btn:hover{transform:scale(1.04);box-shadow:0 0 64px rgba(0,122,255,0.75),0 12px 32px rgba(0,0,0,0.6)}.cta-btn:focus-visible{outline:3px solid #30d158;outline-offset:4px;box-shadow:0 0 0 6px rgba(48,209,88,0.3)}.timer-bar{width:100%;max-width:400px;background:rgba(28,28,30,0.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:30px;height:38px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#8e8e93;border:1px solid rgba(255,255,255,0.05);position:relative;overflow:hidden;margin-top:4px}.timer-bar .progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#007AFF,#30d158);width:100%;border-radius:30px;transition:width 1s linear;opacity:.16}.timer-bar span{position:relative;z-index:1}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,16px);font-size:.75rem;color:#636366;font-weight:400;margin-bottom:2px;align-items:center}.trust-strip .padlock{display:inline-flex;align-items:center;gap:5px;color:#30d158;font-weight:700;position:relative}.trust-strip .padlock::before{content:'🔒';animation:shimmer 2.2s infinite}@keyframes shimmer{0%,100%{opacity:1;filter:drop-shadow(0 0 4px #30d158)}50%{opacity:.7;filter:drop-shadow(0 0 9px #30d158)}}.activity-ticker{font-size:.7rem;color:#48484d;background:rgba(28,28,30,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,0.04);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{position:absolute;bottom:clamp(8px,2vh,18px);z-index:1;font-size:.7rem;color:#3a3a3c;text-align:center;padding:0 16px}@media(max-width:480px){.chips-row{gap:6px}.chip{padding:6px 14px;font-size:.72rem}}