:root{--neo-bg: #ffffff;--neo-text: #000000;--neo-yellow: #FFD43B;--neo-green: #37EB5D;--neo-pink: #FF66C4;--neo-cyan: #40F9FF;--neo-white: #ffffff;--neo-black: #000000;--border-width: 4px;--shadow-offset: 6px}body{margin:0;font-family:JetBrains Mono,Courier New,Courier,monospace;background-color:#fafafa;background-image:linear-gradient(#e5e5e5 2px,transparent 2px),linear-gradient(90deg,#e5e5e5 2px,transparent 2px);background-size:40px 40px;color:var(--neo-black);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.neo-box{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--neo-black);border-radius:0;padding:1.5rem;transition:all .1s ease;position:relative}.neo-btn{background:var(--neo-pink);border:var(--border-width) solid var(--neo-black);box-shadow:4px 4px 0 var(--neo-black);padding:.75rem 1.5rem;font-weight:900;cursor:pointer;text-transform:uppercase;font-family:inherit;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .1s;letter-spacing:.5px;border-radius:0}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neo-black)}.neo-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--neo-black)}.neo-btn.cyan{background:var(--neo-cyan)}.neo-btn.yellow{background:var(--neo-yellow)}.neo-btn.white{background:var(--neo-white)}.neo-input{border:var(--border-width) solid var(--neo-black);padding:1rem;font-family:inherit;font-weight:700;font-size:1rem;width:100%;background:var(--neo-white);box-shadow:4px 4px 0 var(--neo-black);border-radius:0}.neo-input:focus{outline:none;background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neo-black)}h1,h2,h3,h4{margin-top:0;font-weight:900;text-transform:uppercase;letter-spacing:-.5px;line-height:1.1}.flex-center{display:flex;align-items:center;justify-content:center}.container{max-width:1400px;margin:0 auto;padding:2rem}