@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";
:root{--ink:#f6f4ed;--muted:#9c9c94;--lime:#c8ff3d;--black:#080a08;--line:#f6f4ed24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}main{isolation:isolate;background:radial-gradient(circle at 50% 42%,#6175281c,#0000 35%),linear-gradient(130deg,#080a08,#0d100b 62%,#070807);min-height:100svh;position:relative;overflow:hidden}.grain{z-index:-1;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{z-index:-1;filter:blur(3px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{border:1px solid #c8ff3d2e;width:430px;height:430px;animation:12s ease-in-out infinite orbFloat;top:15%;right:-170px;box-shadow:inset 0 0 90px #c8ff3d0a}.orb-two{background:#c8ff3d06;border:1px solid #c8ff3d14;width:190px;height:190px;animation:9s ease-in-out infinite orbFloatTwo;bottom:8%;left:-90px}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{color:var(--ink);letter-spacing:.18em;align-items:center;gap:13px;font:700 16px Syne;text-decoration:none;animation:.7s ease-out both fadeDown;display:flex}.brand-mark{width:28px;height:28px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;position:relative;transform:rotate(-5deg)}.brand:hover .brand-mark{transform:rotate(355deg)scale(1.08)}.brand-mark i{background:var(--lime);border-radius:1px;width:18px;height:6px;position:absolute;left:5px}.brand-mark i:first-child{top:2px;transform:rotate(45deg)}.brand-mark i:nth-child(2){top:11px;transform:rotate(-45deg)}.brand-mark i:nth-child(3){top:20px;transform:rotate(45deg)}.status{letter-spacing:.18em;color:#c5c5bc;align-items:center;gap:10px;font:500 11px DM Mono,monospace;display:flex}.status i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 0 5px #c8ff3d1a}.hero{text-align:center;flex-direction:column;align-items:center;width:min(1100px,100% - 40px);margin:0 auto;padding:clamp(72px,10vh,126px) 0 90px;display:flex}.eyebrow{color:#b8b9ae;letter-spacing:.22em;align-items:center;gap:12px;font:500 10px DM Mono,monospace;animation:.65s ease-out .12s both fadeUp;display:flex}.eyebrow span{color:var(--lime)}.eyebrow i{transform-origin:0;background:#c8ff3d6b;width:42px;height:1px;animation:.8s ease-out .55s both lineGrow}h1{letter-spacing:-.07em;max-width:900px;margin:38px 0 42px;font:700 clamp(64px,8.2vw,112px)/.86 Manrope,Arial,sans-serif;animation:.9s cubic-bezier(.16,1,.3,1) .22s both heroReveal}h1 em{color:var(--lime);font-style:normal;font-weight:600;animation:4s ease-in-out 1.2s infinite greenGlow;display:inline-block;position:relative}h1 em:after{content:"";background:var(--lime);clip-path:polygon(0 40%,100% 0,99% 55%,2% 100%);opacity:.72;transform-origin:0;height:6px;animation:.8s ease-out 1s both lineGrow;position:absolute;bottom:-10px;left:3%;right:0}.lede{color:#b3b4ab;max-width:560px;margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.7;animation:.7s ease-out .5s both fadeUp}.countdown{margin:clamp(52px,7vh,78px) 0 52px;padding:0 20px;animation:.75s ease-out .68s both fadeUp;display:flex}.time-unit{width:clamp(86px,10vw,135px);position:relative}.time-unit strong{letter-spacing:-.08em;font:500 clamp(36px,5vw,64px)/1 DM Mono,monospace;transition:color .25s,transform .25s;display:block}.time-unit:last-child strong{animation:1s ease-in-out infinite secondTick}.time-unit small{color:#76786f;letter-spacing:.2em;margin-top:12px;font:500 9px DM Mono,monospace;display:block}.time-unit b{color:var(--lime);font:400 clamp(24px,3vw,40px)/1 DM Mono,monospace;animation:1s step-end infinite blink;position:absolute;top:5px;right:-4px}form{text-align:left;width:min(740px,100%);animation:.75s ease-out .82s both fadeUp}form>label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.input-shell{background:#ffffff06;border:1px solid #f6f4ed40;align-items:center;padding:7px 7px 7px 22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.input-shell:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:22%;animation:5s ease-in-out 2s infinite inputShine;position:absolute;inset:-100% auto -100% -35%;transform:rotate(18deg)}.input-shell:focus-within{border-color:var(--lime);transform:translateY(-2px);box-shadow:0 0 0 3px #c8ff3d14,0 12px 50px #0000004d}.input-shell>span{color:var(--lime);margin-right:12px;font:500 20px DM Mono,monospace;animation:2.4s ease-in-out infinite nudge}.input-shell input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:16px 8px;font-size:15px;position:relative}.input-shell input::placeholder{color:#62645d}.input-shell button{background:var(--lime);color:#0a0c08;letter-spacing:.1em;cursor:pointer;white-space:nowrap;border:0;padding:20px 25px;font:700 11px DM Mono,monospace;transition:transform .2s,box-shadow .2s;position:relative}.input-shell button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #c8ff3d29}.input-shell button:active:not(:disabled){transform:translateY(0)scale(.98)}.input-shell button:disabled{cursor:default;opacity:.8}.joined .input-shell{border-color:#c8ff3d8c}.form-note{text-align:center;color:#6f7169;letter-spacing:.06em;margin-top:14px;font:400 10px DM Mono,monospace}.form-note span,.form-note.success{color:var(--lime)}.form-note.error{color:#ff8b77}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}footer{border-top:1px solid var(--line);color:#5e6059;letter-spacing:.18em;align-items:center;gap:20px;padding:24px clamp(24px,5vw,76px);font:500 9px DM Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-line{background:var(--line);flex:1;height:1px}footer b{color:#8b8d83;font-weight:500}.success-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030503c7;place-items:center;padding:20px;animation:.25s ease-out both modalFade;display:grid;position:fixed;inset:0}.success-modal{text-align:center;background:linear-gradient(145deg,#141810fa,#080a08fc);border:1px solid #c8ff3d57;width:min(510px,100%);padding:clamp(42px,7vw,68px);animation:.48s cubic-bezier(.16,1,.3,1) both modalRise;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000009e,0 0 80px #c8ff3d12}.success-modal:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#c8ff3d0a,#0000 70%);position:absolute;inset:0}.modal-close{color:#8b8d83;cursor:pointer;background:0 0;border:0;font:300 28px/1 Manrope;transition:all .2s;position:absolute;top:14px;right:17px}.modal-close:hover{color:var(--lime);transform:rotate(8deg)}.success-orbit{border:1px solid #c8ff3d73;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 28px;display:grid;position:relative;box-shadow:0 0 40px #c8ff3d1a}.success-orbit span{background:var(--lime);color:#080a08;border-radius:50%;place-items:center;width:50px;height:50px;font:700 24px Manrope;animation:.5s cubic-bezier(.16,1,.3,1) .18s both successPop;display:grid}.success-orbit i{border:1px dashed #c8ff3d38;border-radius:50%;animation:12s linear infinite orbitSpin;position:absolute;inset:-9px}.success-orbit i:last-child{border-style:solid;border-color:#c8ff3d14;animation-duration:18s;animation-direction:reverse;inset:-18px}.success-modal>small{color:var(--lime);letter-spacing:.22em;font:500 9px DM Mono,monospace}.success-modal h2{color:var(--ink);letter-spacing:-.06em;margin:18px 0 20px;font:700 clamp(42px,7vw,62px)/.9 Manrope,sans-serif}.success-modal h2 em{color:var(--lime);font-style:normal}.success-modal p{color:#97998f;max-width:350px;margin:0 auto 30px;font-size:14px;line-height:1.75}.success-modal p strong{color:#d8d9d1;overflow-wrap:anywhere;font-weight:600}.modal-done{background:var(--lime);color:#080a08;letter-spacing:.12em;cursor:pointer;border:0;width:100%;padding:17px;font:700 10px DM Mono,monospace;transition:all .2s}.modal-done:hover{transform:translateY(-2px);box-shadow:0 10px 35px #c8ff3d24}@keyframes pulse{50%{box-shadow:0 0 0 8px #c8ff3d00}}@keyframes blink{50%{opacity:.25}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;filter:blur(12px);transform:translateY(42px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes greenGlow{50%{text-shadow:0 0 36px #c8ff3d29}}@keyframes orbFloat{50%{transform:translate(-36px,30px)scale(1.08)}}@keyframes orbFloatTwo{50%{transform:translate(28px,-24px)scale(.92)}}@keyframes secondTick{50%{color:var(--lime);transform:translateY(-2px)}}@keyframes nudge{50%{transform:translate(4px)}}@keyframes inputShine{0%,68%{left:-35%}88%,to{left:125%}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes successPop{0%{opacity:0;transform:scale(.45)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@media (max-width:680px){nav{height:76px}.hero{padding-top:70px;padding-bottom:110px}h1{letter-spacing:-.055em;margin:35px 0 40px;font-size:clamp(44px,11.5vw,56px);line-height:.92}h1 em:after{height:4px;bottom:-7px}.countdown{width:100%;margin:48px 0 42px;padding:0}.time-unit{flex:1;width:auto}.time-unit strong{font-size:clamp(30px,10vw,45px)}.input-shell{flex-wrap:wrap;padding:8px}.input-shell>span{margin-left:8px}.input-shell input{flex:none;width:calc(100% - 45px)}.input-shell button{width:100%;margin-top:4px}.status{font-size:9px}.footer-line{display:none}footer{justify-content:space-between}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
