:root{--primary:#FF5733;--accent:#33FF57;--accent-alt:#5733FF;--background:#FCFCFC;--light-bg:#F2F2F2;--text-primary:#000000;--text-secondary:#333333;--text-light:#FFFFFF;--border-width:4px;--border-color:#000000;--shadow-x:6px;--shadow-y:6px;--shadow-blur:0;--shadow-color:#000000}@media (prefers-color-scheme:dark){:root{--background:#222222;--light-bg:#333333;--text-primary:#FFFFFF;--text-secondary:#DDDDDD;--border-color:#FFFFFF;--shadow-color:#FFFFFF}}@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Work+Sans:wght@700;800;900&display=swap");body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{color:var(--text-primary);background:var(--background);font-family:Space Mono,monospace;line-height:1.6;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:Work Sans,sans-serif;font-weight:900;line-height:1.1;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.02em}h1{font-size:clamp(2.8rem,5vw,4.5rem);transform:rotate(-1deg)}h2{font-size:clamp(2rem,4vw,3rem);transform:rotate(.5deg)}h3{font-size:clamp(1.5rem,3vw,2.2rem);transform:rotate(-.5deg)}p{margin-bottom:1.2rem;font-size:1.1rem}*{box-sizing:border-box;padding:0;margin:0}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;padding:.8rem 2rem;font-weight:700;font-size:1.1rem;cursor:pointer;text-align:center;font-family:Inter,sans-serif;text-transform:uppercase;border:var(--border-width) solid var(--border-color);position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-color);transform:translate(0)}.btn-primary{background-color:var(--primary);color:var(--text-light)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-x) + 2px) calc(var(--shadow-y) + 2px) var(--shadow-blur) var(--shadow-color)}.btn-primary:active{transform:translate(1px,1px);box-shadow:calc(var(--shadow-x) - 1px) calc(var(--shadow-y) - 1px) var(--shadow-blur) var(--shadow-color)}.btn-secondary{background-color:var(--light-bg);color:var(--text-primary);border:var(--border-width) solid var(--border-color)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-x) + 2px) calc(var(--shadow-y) + 2px) var(--shadow-blur) var(--shadow-color)}.btn-secondary:active{transform:translate(1px,1px);box-shadow:calc(var(--shadow-x) - 1px) calc(var(--shadow-y) - 1px) var(--shadow-blur) var(--shadow-color)}section{padding:5rem 0}.text-center{text-align:center}.grid{display:grid;grid-gap:2rem;gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}