*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;background:#060b14;color:#e0e6f0;min-height:100dvh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;background-image:radial-gradient(ellipse at 50% 0,rgba(0,210,255,.08) 0,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(0,180,255,.04) 0,transparent 50%),linear-gradient(rgba(0,210,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,36px 36px,36px 36px;background-position:0 0,0 0,0 0,0 0}.countdown-ribbon{width:100%;flex-shrink:0;background:rgba(0,20,40,.85);border-bottom:1px solid rgba(0,210,255,.18);padding:7px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(11px,1.8vw,13px);font-weight:700;letter-spacing:.04em;color:#00d4ff;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.countdown-ribbon .ribbon-dot{width:7px;height:7px;border-radius:50%;background:#00d4ff;animation:ribbonPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes ribbonPulse{0%,100%{box-shadow:0 0 4px #00d4ff,0 0 8px rgba(0,212,255,.6)}50%{box-shadow:0 0 8px #00d4ff,0 0 16px rgba(0,212,255,.9)}}.countdown-ribbon span{color:#c8d6e5;font-weight:400;letter-spacing:.02em}.countdown-ribbon .countdown-time{font-weight:700;color:#fff;font-variant-numeric:tabular-nums;font-family:'Inter','SF Mono','Consolas',monospace;letter-spacing:.06em;min-width:44px;text-align:center}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;padding:clamp(10px,2.5vh,24px) clamp(16px,4vw,32px);gap:clamp(6px,1.4vh,14px);z-index:5}.logo-wrap{flex-shrink:0;margin-bottom:clamp(2px,.6vh,8px)}.logo-wrap img{height:clamp(28px,5.5vh,44px);width:auto;display:block;filter:drop-shadow(0 0 12px rgba(0,210,255,.25))}.ping-indicator{display:inline-flex;align-items:center;gap:7px;background:rgba(0,210,255,.06);border:1px solid rgba(0,210,255,.15);border-radius:20px;padding:5px 13px;font-size:clamp(10px,1.6vw,12px);font-weight:700;color:#00d4ff;letter-spacing:.03em;flex-shrink:0}.ping-indicator .ping-dot{width:8px;height:8px;border-radius:50%;background:#0f8;animation:pingBlink 2s ease-in-out infinite;flex-shrink:0}@keyframes pingBlink{0%,100%{opacity:1;box-shadow:0 0 4px #0f8,0 0 10px rgba(0,255,136,.5)}50%{opacity:.4;box-shadow:0 0 2px #0f8,0 0 4px rgba(0,255,136,.2)}}.ping-indicator .ping-val{font-variant-numeric:tabular-nums;font-family:'Inter','SF Mono','Consolas',monospace;min-width:36px;text-align:right;color:#fff}h1{font-size:clamp(1.4rem,5.5vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;text-align:center;color:#fff;max-width:440px;flex-shrink:0}h1 .accent{color:#00d4ff}.subtitle{font-size:clamp(13px,2.2vw,16px);font-weight:400;color:#94a3b8;text-align:center;max-width:380px;line-height:1.4;flex-shrink:0;letter-spacing:.01em}.trust-chips{display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);justify-content:center;flex-shrink:0}.trust-chip{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(6px,1.2vh,9px) clamp(12px,2.5vw,18px);font-size:clamp(10px,1.7vw,13px);font-weight:700;color:#c8d6e5;letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;gap:5px}.trust-chip .chip-icon{font-size:clamp(12px,1.9vw,15px);flex-shrink:0}.cta-wrapper{flex-shrink:0;width:100%;max-width:400px;position:relative;margin-top:clamp(4px,1vh,10px)}.cta-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(14px,2.8vh,20px) clamp(20px,5vw,36px);font-size:clamp(1rem,3.2vw,1.35rem);font-weight:700;letter-spacing:.03em;text-decoration:none;color:#060b14;background:#00d4ff;border:none;border-radius:16px;cursor:pointer;position:relative;z-index:2;box-shadow:0 0 24px rgba(0,212,255,.35),0 0 48px rgba(0,212,255,.15),0 0 72px rgba(0,212,255,.06);transition:box-shadow .25s ease,transform .2s ease,background .25s ease;outline:none;font-family:inherit;text-align:center}.cta-button:hover{box-shadow:0 0 32px rgba(0,212,255,.5),0 0 60px rgba(0,212,255,.25),0 0 90px rgba(0,212,255,.1);transform:translateY(-1px);background:#00e0ff}.cta-button:focus-visible{outline:3px solid #00d4ff;outline-offset:4px;box-shadow:0 0 32px rgba(0,212,255,.55),0 0 60px rgba(0,212,255,.3)}.cta-button:active{transform:scale(.97);box-shadow:0 0 16px rgba(0,212,255,.3),0 0 32px rgba(0,212,255,.12)}.cta-button .cta-lock{display:inline-flex;align-items:center;font-size:clamp(1.1rem,3.5vw,1.5rem);animation:lockPulse 2.2s ease-in-out infinite;flex-shrink:0}@keyframes lockPulse{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.secure-session{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;font-size:clamp(10px,1.5vw,12px);font-weight:400;color:#64748b;letter-spacing:.02em;cursor:default;transition:color .3s ease;user-select:none;-webkit-user-select:none;padding:4px 0}.secure-session .ss-lock{font-size:clamp(12px,1.9vw,15px);transition:transform .3s ease}.secure-session.verified{color:#0f8!important}.secure-session.verified .ss-lock{transform:scale(1.2)}.activity-ticker{flex-shrink:0;font-size:clamp(9px,1.4vw,11px);color:#4a5568;letter-spacing:.03em;text-align:center;min-height:16px;transition:opacity .4s ease;font-weight:400}.activity-ticker.fade{opacity:.35}.page-footer{flex-shrink:0;padding:clamp(6px,1.2vh,12px) 16px;text-align:center;font-size:clamp(9px,1.3vw,11px);color:#3a4458;letter-spacing:.03em;z-index:5;width:100%}.page-footer span{color:#4a5568}@media(max-height:520px){.main-container{gap:clamp(3px,.8vh,7px);padding:clamp(6px,1.5vh,12px) clamp(12px,3vw,20px)}.trust-chips{gap:4px}.trust-chip{padding:4px 10px;font-size:10px;border-radius:14px}h1{font-size:clamp(1.1rem,4vw,1.5rem)}.subtitle{font-size:11px}.cta-button{padding:10px 16px;font-size:.9rem;border-radius:12px}.logo-wrap img{height:22px}.countdown-ribbon{padding:4px 10px;font-size:10px}}@media(min-width:768px){.main-container{max-width:560px;gap:clamp(8px,1.6vh,18px)}.cta-wrapper{max-width:440px}}