: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,.neo-select{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,.neo-select:focus{outline:none;background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--neo-black)}.neo-select{appearance:none;cursor:pointer;padding-right:3rem;text-transform:uppercase;background-image:linear-gradient(45deg,transparent 50%,var(--neo-black) 50%),linear-gradient(135deg,var(--neo-black) 50%,transparent 50%),linear-gradient(var(--neo-black),var(--neo-black));background-position:calc(100% - 22px) center,calc(100% - 14px) center,calc(100% - 32px) center;background-size:10px 10px,10px 10px,2px 18px;background-repeat:no-repeat}.neo-select option{font-weight:800}.neo-select.neo-select-compact{padding:.35rem 2.5rem .35rem .5rem;font-size:.85rem;box-shadow:3px 3px 0 var(--neo-black)}.neo-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}.neo-select-trigger:disabled{opacity:.6;cursor:not-allowed}.neo-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo-select-menu{background:var(--neo-white);border:var(--border-width) solid var(--neo-black);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--neo-black);z-index:3000;overflow:auto}.neo-select-menu.neo-select-menu-compact{box-shadow:4px 4px 0 var(--neo-black)}.neo-select-option{padding:.75rem 1rem;font-weight:900;text-transform:uppercase;cursor:pointer;background:var(--neo-white);border-bottom:2px solid #eee}.neo-select-option:last-child{border-bottom:none}.neo-select-option:hover{background:#f0f0f0}.neo-select-option[aria-selected=true]{background:var(--neo-yellow)}.neo-select-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.neo-select-option.neo-select-option--active{outline:3px solid var(--neo-black);outline-offset:-3px}.neo-select-option.neo-select-option-compact{padding:.4rem .5rem;font-size:.85rem;font-weight:800}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}
