:root{--blue:#1e2bd6;--cream:#f2eee4;--lime:#d6ff4f;--white:#fff;--display:"Syne", sans-serif;--accent-font:"Instrument Serif", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--blue);height:100%;color:var(--cream);font-family:var(--mono);-webkit-font-smoothing:antialiased;cursor:crosshair;overflow:hidden}#canvas-holder{z-index:0;position:fixed;inset:0}#canvas-holder canvas{display:block}.vignette{z-index:1;pointer-events:none;background:radial-gradient(#1e2bd600 35%,#141c968c 100%);position:fixed;inset:0}.stage{z-index:2;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,4rem);display:flex;position:fixed;inset:0}.kicker{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--cream);opacity:.85;align-items:center;gap:.7rem;margin-bottom:1.8rem;font-size:.74rem;font-weight:500;display:flex}.kicker .dot{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #d6ff4fb3}@keyframes pulse{0%{box-shadow:0 0 #d6ff4f99}70%{box-shadow:0 0 0 12px #d6ff4f00}to{box-shadow:0 0 #d6ff4f00}}h1{font-family:var(--display);letter-spacing:-.03em;text-shadow:0 6px 40px #0a105a73;font-size:clamp(3rem,12vw,11rem);font-weight:800;line-height:.92}h1 .accent{font-family:var(--accent-font);color:var(--lime);letter-spacing:0;font-style:italic;font-weight:400}.row{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;margin-top:2.6rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--lime);border-radius:999px;padding:.85rem 1.6rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 30px -10px #d6ff4f99}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #d6ff4fbf}.btn:active{transform:translateY(0)}.email{font-family:var(--mono);letter-spacing:.04em;color:var(--cream);border-bottom:1px solid #f2eee459;padding-bottom:2px;font-size:.84rem;text-decoration:none;transition:border-color .2s}.email:hover{border-color:var(--cream)}.meta{font-family:var(--mono);letter-spacing:.08em;color:var(--cream);opacity:.7;font-size:.8rem}.controls{z-index:3;gap:.6rem;display:flex;position:fixed;bottom:clamp(1.2rem,4vw,2.4rem);left:clamp(1.2rem,4vw,2.4rem)}.controls button{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #f2eee44d;border-radius:999px;padding:.5rem .95rem;font-size:.66rem;font-weight:500;transition:border-color .18s,color .18s}.controls button:hover{border-color:var(--cream)}.controls button.on{color:var(--lime);border-color:var(--lime)}.hint{z-index:3;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);opacity:.55;pointer-events:none;text-align:center;font-size:.66rem;position:fixed;bottom:clamp(1.2rem,4vw,2.4rem);left:50%;transform:translate(-50%)}.credit{z-index:3;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);opacity:.45;pointer-events:none;font-size:.62rem;position:fixed;bottom:clamp(1.2rem,4vw,2.4rem);right:clamp(1.2rem,4vw,2.4rem)}@media (width<=640px){.hint,.credit{display:none}.row{gap:1.1rem;margin-top:2rem}}