*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;background:#080A0F}body{font-family:Inter,sans-serif}.wrap,body{display:flex;align-items:center;justify-content:center}.wrap{position:fixed;inset:0;flex-direction:column;overflow:hidden}#net{width:100%;height:100%}#net,.vignette{position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 50%,transparent 10%,#080A0F 100%)}.content{position:relative;z-index:10;display:flex;flex-direction:column;text-align:center;padding:0 20px;width:100%;max-width:560px}.badge,.content{align-items:center}.badge{display:inline-flex;gap:6px;padding:5px 14px 5px 8px;border:1px solid rgba(56,189,248,.25);border-radius:100px;background:rgba(56,189,248,.07);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#38BDF8;margin-bottom:20px;animation:up .6s ease .1s both}.badge-dot{width:5px;height:5px;border-radius:50%;background:#38BDF8;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.6)}}.headline{line-height:1;letter-spacing:-.04em;animation:up .7s ease .2s both;margin-bottom:0}.headline .xbot{display:block;font-size:clamp(52px,12vw,88px);font-weight:900;background:linear-gradient(90deg,#38BDF8,#818CF8 50%,#C084FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.headline .tagline{display:block;font-size:clamp(16px,3.5vw,26px);font-weight:600;color:rgba(240,244,255,.75);letter-spacing:-.02em;margin-top:4px;line-height:1.2}.sub{margin-top:12px;font-size:clamp(12px,1.8vw,13.5px);font-weight:400;color:rgba(240,244,255,.35);line-height:1.6;max-width:360px;animation:up .7s ease .32s both}.sub strong{color:rgba(240,244,255,.65);font-weight:500}.timer{margin-top:24px;display:flex;align-items:flex-end;gap:4px;animation:up .7s ease .44s both}.unit{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px 7px;min-width:52px}.num{font-family:JetBrains Mono,monospace;font-size:clamp(20px,4vw,26px);font-weight:500;color:#F0F4FF;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lbl{font-size:8px;color:rgba(240,244,255,.28);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.lbl,.sep{font-family:JetBrains Mono,monospace}.sep{font-size:18px;color:rgba(240,244,255,.15);padding-bottom:13px;line-height:1}.form-row{margin-top:16px;display:flex;border:1px solid rgba(255,255,255,.1);border-radius:100px;overflow:hidden;background:rgba(255,255,255,.04);width:min(320px,90vw);animation:up .7s ease .54s both}.email-in{flex:1 1;border:none;background:transparent;outline:none;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;color:#F0F4FF;min-width:0}.email-in::placeholder{color:rgba(240,244,255,.2)}.notify-btn{background:linear-gradient(90deg,#38BDF8,#818CF8);color:#080A0F;border:none;padding:10px 16px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;border-radius:0 100px 100px 0;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.notify-btn:hover{opacity:.82}.success-msg{display:none;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:11px;color:#38BDF8;letter-spacing:.08em;animation:up .4s ease both}.tags{margin-top:16px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;animation:up .7s ease .64s both}.tag{font-family:JetBrains Mono,monospace;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border:1px solid rgba(255,255,255,.07);border-radius:100px;color:rgba(240,244,255,.28);white-space:nowrap}.foot{position:fixed;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:20;animation:up .7s ease .74s both}.foot a{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,244,255,.2);text-decoration:none;transition:color .2s}.foot a:hover{color:rgba(240,244,255,.5)}@media (max-width:480px){.badge{font-size:9px;margin-bottom:16px}.unit{min-width:44px;padding:7px 10px 6px}.timer{gap:3px}.sep{font-size:14px;padding-bottom:11px}.tags{gap:5px}.tag{font-size:8px;padding:3px 8px}.hide-mobile{display:none}}@media (max-height:560px){.badge{margin-bottom:10px}.sub{margin-top:8px;font-size:11px}.timer{margin-top:14px}.form-row,.tags{margin-top:10px}}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}