*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:'Share Tech Mono',monospace;background:#0a0a0a;color:#d4ffcc;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(rgba(0,255,200,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,200,0.03) 1px,transparent 1px);background-size:40px 40px;background-position:center center;position:relative;user-select:none;-webkit-tap-highlight-color:transparent}body::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,255,136,0.08) 0,transparent 70%);pointer-events:none;z-index:0}main{position:relative;z-index:1;width:100%;max-width:720px;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center;gap:clamp(20px,5vw,36px);text-align:center}.logo{width:clamp(60px,12vw,90px);height:auto;filter:drop-shadow(0 0 12px #0f8) drop-shadow(0 0 24px #0fc);margin-bottom:0}h1{font-size:clamp(1.6rem,5vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-0.02em;color:#f0fff0;text-shadow:0 0 18px #0f8,0 0 40px #0f8;display:flex;flex-direction:column;gap:4px;animation:fadeInUp .7s ease-out}h1 span{display:block}.chips{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,14px);justify-content:center;animation:fadeInUp .7s ease-out .15s both}.chip{background:#111;border:1px solid #0f8;color:#0fc;padding:8px 16px;border-radius:0;font-size:clamp(0.7rem,1.8vw,0.85rem);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 12px rgba(0,255,136,0.2);backdrop-filter:blur(4px)}.steps{display:flex;flex-direction:column;gap:clamp(10px,2vw,16px);width:100%;animation:fadeInUp .7s ease-out .3s both}.step{display:flex;align-items:center;gap:12px;background:#0f0f0f;border:1px solid #1a3a2a;padding:clamp(10px,2.5vw,16px) clamp(14px,3vw,20px);border-radius:0;box-shadow:inset 0 0 10px rgba(0,255,136,0.05)}.step-num{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:#0f8;text-shadow:0 0 10px #0f8;min-width:32px}.step-text{font-size:clamp(0.75rem,2vw,0.95rem);color:#b8f0d0;text-align:left;letter-spacing:.02em}.cta-wrapper{position:relative;width:100%;animation:fadeInUp .7s ease-out .45s both}.cta-beam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:120%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(0,255,136,0.12) 50%,transparent 60%);pointer-events:none;z-index:0;animation:beamPulse 2.8s infinite}.cta-btn{position:relative;z-index:2;display:block;width:100%;background:#0a0a0a;border:2px solid #0f8;color:#0f6;font-family:inherit;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:clamp(16px,4vw,24px) clamp(12px,3vw,20px);cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 0 30px rgba(0,255,136,0.5),inset 0 0 20px rgba(0,255,136,0.1);transition:all .2s ease;image-rendering:pixelated;filter:drop-shadow(0 0 8px #0f8);outline:none}.cta-btn:hover,.cta-btn:focus-visible{background:#0f1a0f;border-color:#0fa;color:#0f8;box-shadow:0 0 50px rgba(0,255,136,0.8),0 0 80px rgba(0,255,200,0.4),inset 0 0 30px rgba(0,255,136,0.25);transform:translateY(-2px);filter:drop-shadow(0 0 14px #0fc)}.cta-btn:focus-visible{outline:2px solid #0f8;outline-offset:4px}.cta-btn:active{transform:translateY(1px);box-shadow:0 0 20px rgba(0,255,136,0.6)}.micro{font-size:clamp(0.65rem,1.6vw,0.78rem);color:#8ca;margin-top:clamp(6px,1.5vw,10px);letter-spacing:.05em;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.top-pill{position:fixed;top:12px;right:12px;background:#0a0a0a;border:1px solid #0f8;color:#0fc;padding:6px 14px;font-size:.75rem;letter-spacing:.06em;z-index:10;box-shadow:0 0 14px rgba(0,255,136,0.4);animation:pulsePill 1.8s infinite}.activity{font-size:.7rem;color:#6a9a7a;margin-top:4px;letter-spacing:.04em;animation:fadeInUp .7s ease-out .6s both}.progress-bar{width:100%;height:3px;background:#1a2a1a;margin-top:clamp(8px,2vw,12px);overflow:hidden;border-radius:0;animation:fadeInUp .7s ease-out .55s both}.progress-fill{width:100%;height:100%;background:#0f8;box-shadow:0 0 14px #0f8;animation:progressPulse 1.4s infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes beamPulse{0%,100%{opacity:.3;transform:translate(-50%,-50%) rotate(-15deg) scaleX(1)}50%{opacity:.8;transform:translate(-50%,-50%) rotate(-15deg) scaleX(1.15)}}@keyframes pulsePill{0%,100%{border-color:#0f8;box-shadow:0 0 10px rgba(0,255,136,0.3)}50%{border-color:#0fc;box-shadow:0 0 22px rgba(0,255,200,0.7)}}@keyframes progressPulse{0%,100%{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(hover:none) and (pointer:coarse){.cta-btn:hover{transform:none;box-shadow:0 0 30px rgba(0,255,136,0.5)}}