:root{--ink:#08090d;--night:#0f1117;--panel:#151821;--panel-2:#1c2030;--line:#262b3b;--fog:#8f97ad;--snow:#eef1f8;--sky:#62a9dc;--sky-2:#8cc6ee;--sky-deep:#3f7fb0;--indigo:#3f47d6;--indigo-2:#5159e6;--indigo-deep:#2a2f9e;--danger:#f0506e;--ok:#3ccf91;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(70rem 42rem at 50% -8rem, #62a9dc21, transparent 62%), radial-gradient(40rem 30rem at 85% 30%, #3f47d61a, transparent 70%), var(--ink);min-height:100vh;color:var(--snow);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}h1,h2,.brand{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.02em}.top{max-width:72rem;margin:0 auto;padding:1.25rem 1rem}.brand{color:inherit;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:.5rem;width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px #ffffff1a}.brand i{font-style:normal}.dot{color:var(--sky)}.fun{color:var(--indigo-2)}.card{border:1px solid var(--line);background:var(--night);border-radius:1rem;grid-template-columns:1fr 1fr;max-width:72rem;margin:0 auto 3rem;display:grid;overflow:hidden}.stage{border-right:1px solid var(--line);background:radial-gradient(60% 50% at 50% 30%,#62a9dc1f,#0000 70%),radial-gradient(70% 30% at 50% 100%,#3f47d624,#0000 70%),linear-gradient(#10121a,#08090d);min-height:36rem;position:relative}.stage canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.stage canvas:active{cursor:grabbing}.dots{gap:.4rem;display:flex;position:absolute;bottom:1rem;right:1.25rem}.dot-btn{background:var(--line);cursor:pointer;border:0;border-radius:2px;width:1.5rem;height:.5rem;padding:0;transition:background .2s}.dot-btn:hover{background:var(--fog)}.dot-btn.is-on{background:var(--sky)}.dot-btn.is-on:nth-child(2n){background:var(--indigo-2)}.caption{font:500 .75rem var(--mono);color:var(--fog);pointer-events:none;margin:0;position:absolute;bottom:1rem;left:1.25rem}.panel{padding:3rem 3rem 2.5rem}.eyebrow{font:500 .75rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog);margin:0 0 .75rem}h1{margin:0;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1}.accent{color:var(--sky)}.lead{color:var(--fog);margin:.75rem 0 0}.steps{border:1px solid var(--line);background:var(--panel);border-radius:.75rem;margin:2rem 0 0;padding:0;list-style:none}.step{align-items:center;gap:.9rem;padding:.8rem .9rem;display:flex}.step+.step{border-top:1px solid var(--line)}.num{background:var(--panel-2);width:1.9rem;height:1.9rem;color:var(--fog);font:500 .75rem var(--mono);border-radius:.4rem;flex:none;place-items:center;transition:background .2s,color .2s;display:grid;box-shadow:inset 0 1px #ffffff0f,0 2px #0b0d14}.step.is-done .num{background:var(--sky);color:#06213a;box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--sky-deep)}.step-label{flex:1;font-weight:500}.step-label small{color:var(--fog);font-size:.8rem;font-weight:400;display:block}.step.is-done .step-label{color:var(--fog)}.pill{border:1px solid var(--line);color:var(--snow);font:500 .85rem var(--sans);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.45rem .95rem;text-decoration:none;transition:border-color .15s,background .15s}.pill:hover{border-color:var(--sky);background:#62a9dc14}.step.is-done .pill{color:var(--fog)}.pill[aria-disabled=true]{opacity:.4;pointer-events:none}form{margin-top:2rem}.field{margin-bottom:1.25rem;display:block}.field span{font:500 .75rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fog);margin-bottom:.35rem;display:block}.field input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--snow);font:400 1rem var(--mono);background:0 0;outline:none;padding:.55rem 0;transition:border-color .15s}.field input::placeholder{color:#4b5268}.field input:focus{border-color:var(--sky)}.field input[aria-invalid=true]{border-color:var(--danger)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.brick{--face:var(--indigo);--side:var(--indigo-deep);background:var(--face);color:#fff;width:100%;font:700 1.05rem var(--display);letter-spacing:-.01em;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -2px 0 #00000014, 0 4px 0 var(--side), 0 10px 18px -6px #0009;border:0;border-radius:.5rem;margin-top:.5rem;padding:.95rem 1rem;transition:transform 80ms,box-shadow 80ms,filter .15s,opacity .15s}.brick:hover:not(:disabled){filter:brightness(1.08)}.brick:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff4d, 0 1px 0 var(--side), 0 4px 10px -4px #0009;transform:translateY(3px)}.brick:disabled{opacity:.45;cursor:not-allowed}.error{min-height:1.25rem;color:var(--danger);margin:0;font-size:.875rem}.hint{color:var(--fog);text-align:center;margin:.9rem 0 0;font-size:.8rem}.done{border:1px solid var(--line);background:var(--panel);border-radius:.75rem;margin-top:2rem;padding:1.5rem}.done h2{margin:0;font-size:1.75rem}.done .eyebrow{color:var(--ok)}@media (width<=860px){.top{padding:1rem}.card{grid-template-columns:1fr;margin:0 1rem 2rem}.stage{border-right:0;border-bottom:1px solid var(--line);min-height:22rem}.panel{padding:2rem 1.25rem}.dots{gap:.3rem}.dot-btn{width:.9rem}}@media (pointer:coarse){.stage canvas{pointer-events:none}}