:root{--coral:#FF6B6B;--mango:#FFB347;--teal:#2EC4B6;--cream:#FFF8F0;--ink:#2B1B17}
body{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);background:var(--cream);
background-image:radial-gradient(circle at 10% 0%,#FFD9B8 0,transparent 40%),radial-gradient(circle at 100% 30%,#C9F2EC 0,transparent 35%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,107,107,.04) 22px 24px);min-height:100vh}
.mono{font-family:'JetBrains Mono',monospace}
.card{background:#fff;border-radius:1.25rem;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.btn{border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-weight:800;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.rise{animation:rise .5s both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.coin{position:fixed;font-size:2rem;pointer-events:none;animation:drop 1s ease-in forwards;z-index:60}
@keyframes drop{from{transform:translateY(-40px) rotate(0)}to{transform:translateY(120px) rotate(360deg);opacity:0}}
.confetti{position:fixed;width:10px;height:14px;top:-20px;z-index:60;pointer-events:none;animation:fall 2.4s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
input,select,textarea{border:2px solid var(--ink);border-radius:.8rem;padding:.55rem .8rem;width:100%;background:#fff}