:root{--bg:#0a0a0c;--surface:#111114;--cyan:#00e5ff;--cyan-glow:rgba(0,229,255,0.35);--cyan-dim:rgba(0,229,255,0.12);--text:#f4f4f6;--text-muted:#a0a0a8;--border-subtle:rgba(255,255,255,0.06);--border-card:rgba(255,255,255,0.10);--green:#22c55e;--green-glow:rgba(34,197,94,0.5);--red-soft:#ef4444}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:56px 56px;background-position:center center}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,229,255,0.04) 0,transparent 65%),radial-gradient(ellipse at 30% 70%,rgba(0,229,255,0.02) 0,transparent 55%);pointer-events:none;z-index:0}.main-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:680px;height:100vh;height:100dvh;padding:clamp(10px,2vh,18px) clamp(14px,3vw,28px);gap:clamp(4px,1vh,10px)}.countdown-pill{flex-shrink:0;display:flex;align-items:center;gap:8px;background:rgba(0,229,255,0.07);border:1px solid rgba(0,229,255,0.2);border-radius:40px;padding:clamp(6px,1vh,9px) clamp(12px,2vw,20px);font-size:clamp(0.7rem,1.2vw,0.82rem);font-weight:700;letter-spacing:.02em;color:#b3f4ff;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pillPulse 3s ease-in-out infinite}.countdown-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green-glow);animation:dotPulse 1.8s ease-in-out infinite;flex-shrink:0}.countdown-pill .timer{color:var(--cyan);font-variant-numeric:tabular-nums;font-family:'Inter',monospace;letter-spacing:.04em;min-width:34px;text-align:center}@keyframes pillPulse{0%,100%{border-color:rgba(0,229,255,0.2)}50%{border-color:rgba(0,229,255,0.45)}}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(0.6)}}.status-row{flex-shrink:0;display:flex;align-items:center;gap:clamp(6px,1.5vw,14px);font-size:clamp(0.68rem,1vw,0.78rem);color:var(--text-muted);letter-spacing:.01em;flex-wrap:wrap;justify-content:center}.status-row .sep{color:rgba(255,255,255,0.25);font-weight:400}.status-dot{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-dot .g-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:dotPulse 2s ease-in-out infinite;flex-shrink:0}.status-dot .g-dot:nth-child(1){animation-delay:0s}.status-dot .g-dot:nth-child(2){animation-delay:.4s}.status-dot .g-dot:nth-child(3){animation-delay:.8s}.hero-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(6px,1.2vh,14px);min-height:0;width:100%}.logo-wrap{flex-shrink:0;margin-bottom:clamp(2px,0.5vh,6px)}.logo-wrap img{height:clamp(32px,5vh,44px);width:auto;display:block;filter:brightness(1.05)}h1{font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.15;max-width:90vw}h1 .highlight{color:var(--cyan);text-shadow:0 0 28px var(--cyan-glow)}.subhead{font-size:clamp(0.85rem,1.4vw,1.05rem);color:var(--text-muted);max-width:500px;line-height:1.45;letter-spacing:.01em}.glass-card-row{flex-shrink:0;display:flex;gap:clamp(8px,1.5vw,14px);flex-wrap:wrap;justify-content:center;width:100%;max-width:560px}.glass-card{background:rgba(255,255,255,0.025);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:14px;padding:clamp(10px,1.5vh,16px) clamp(12px,2vw,18px);display:flex;align-items:center;gap:10px;flex:1;min-width:140px;max-width:180px;transition:border-color .3s,background .3s;cursor:default}.glass-card:hover{border-color:rgba(0,229,255,0.3);background:rgba(0,229,255,0.04)}.glass-card .card-icon{font-size:clamp(1.1rem,1.8vw,1.4rem);flex-shrink:0;width:28px;text-align:center}.glass-card .card-label{font-size:clamp(0.7rem,1vw,0.8rem);color:var(--text-muted);letter-spacing:.01em;line-height:1.3}.glass-card .card-label strong{color:#fff;font-weight:700;display:block;font-size:clamp(0.75rem,1.1vw,0.85rem)}.cta-wrapper{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--cyan);color:#0a0a0c;font-weight:700;font-size:clamp(1rem,2vw,1.2rem);letter-spacing:.01em;text-decoration:none;padding:clamp(14px,2.5vh,18px) clamp(28px,5vw,44px);border-radius:50px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .35s,transform .2s,background .3s;box-shadow:0 0 40px var(--cyan-glow),0 8px 32px rgba(0,0,0,0.5);width:100%;max-width:380px;text-align:center;outline:none;-webkit-tap-highlight-color:transparent;user-select:none}.cta-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.cta-button:hover{box-shadow:0 0 60px rgba(0,229,255,0.55),0 12px 40px rgba(0,0,0,0.6);transform:translateY(-2px);background:#00f5ff}.cta-button:active{transform:scale(0.97);transition:transform .1s}.cta-button .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;transition:transform .35s cubic-bezier(0.34,1.56,0.64,1),opacity .25s;position:relative}.cta-button .btn-icon .icon-lock,.cta-button .btn-icon .icon-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .35s cubic-bezier(0.34,1.56,0.64,1)}.cta-button .btn-icon .icon-lock{opacity:1;transform:scale(1) rotate(0deg)}.cta-button .btn-icon .icon-check{opacity:0;transform:scale(0) rotate(-30deg)}.cta-button.icon-swapped .btn-icon .icon-lock{opacity:0;transform:scale(0.4) rotate(20deg)}.cta-button.icon-swapped .btn-icon .icon-check{opacity:1;transform:scale(1) rotate(0deg)}.cta-button.loading-state{pointer-events:none;background:#0d9eaa;box-shadow:0 0 25px rgba(0,180,200,0.3)}.loading-bar{flex-shrink:0;width:100%;max-width:380px;height:4px;border-radius:4px;background:rgba(255,255,255,0.06);overflow:hidden;opacity:0;transition:opacity .2s}.loading-bar.active{opacity:1}.loading-bar .fill{height:100%;width:0;background:var(--cyan);border-radius:4px;transition:width .8s cubic-bezier(0.22,1,0.36,1)}.loading-bar .fill.running{width:100%}.success-msg{flex-shrink:0;font-size:clamp(0.75rem,1.1vw,0.85rem);color:var(--cyan);font-weight:600;letter-spacing:.02em;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;pointer-events:none;min-height:20px}.success-msg.visible{opacity:1;transform:translateY(0)}.skeleton-card{flex-shrink:0;width:100%;max-width:340px;height:40px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.09) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none}.skeleton-card.active{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.activity-ticker{flex-shrink:0;font-size:clamp(0.65rem,0.9vw,0.73rem);color:rgba(255,255,255,0.4);letter-spacing:.02em;text-align:center;transition:opacity .5s;min-height:18px}.activity-ticker .ticker-num{color:rgba(255,255,255,0.6);font-weight:700}footer{flex-shrink:0;display:flex;gap:clamp(10px,2vw,20px);font-size:clamp(0.62rem,0.85vw,0.7rem);color:rgba(255,255,255,0.3);letter-spacing:.02em;flex-wrap:wrap;justify-content:center}footer a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color .25s}footer a:hover{color:rgba(255,255,255,0.7)}@media(max-width:480px){.glass-card-row{gap:6px}.glass-card{min-width:100px;max-width:150px;padding:8px 10px;gap:6px;border-radius:10px}.glass-card .card-icon{width:20px;font-size:1rem}.cta-button{padding:13px 20px;font-size:.95rem;border-radius:40px}.countdown-pill{padding:5px 10px;font-size:.68rem;gap:5px}.status-row{font-size:.64rem;gap:4px}.main-container{padding:8px 10px;gap:3px}}@media(max-height:680px){.hero-section{gap:3px}.glass-card-row{gap:4px}.glass-card{padding:7px 9px}h1{font-size:clamp(1.2rem,2.8vw,1.8rem)}.subhead{font-size:clamp(0.7rem,1.1vw,0.85rem)}.cta-button{padding:10px 20px;font-size:.9rem}.logo-wrap img{height:clamp(24px,4vh,32px)}}