@import "https://fonts.cdnfonts.com/css/pixolletta";
@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--background:#8fa7b3;--foreground:#2c3e50;--primary:#f4e04d;--primary-hover:#e5d13e;--secondary:#f4e04d;--accent:#f4e04d;--surface:#a8bcc8;--surface-hover:#97abb7;--border:#2c3e50;--border-dashed:#2c3e50;--font-pixel:"Courier New","Pixolletta","Press Start 2P","Courier",monospace;--radius:.5rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:1rem}*{box-sizing:border-box;font-family:var(--font-pixel);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-pixel);scroll-padding-top:100px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-xl)0}.btn{border-radius:var(--radius);border:3px solid var(--border);background:var(--primary);color:var(--border);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:900;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--border);border:3px solid var(--border)}.btn-primary:hover{background:var(--primary-hover);box-shadow:4px 4px 0 var(--border);transform:translateY(-2px)}.btn-outline{border:3px dashed var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--surface);border-color:var(--border)}h1,h2,h3{margin-bottom:var(--spacing-md);line-height:1.2;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px;font-weight:900}h1{color:var(--primary);text-shadow:3px 3px 0 var(--border);font-size:2.5rem;font-weight:900}h2{color:var(--foreground);font-size:1.5rem;font-weight:900}input,textarea{border-radius:var(--radius);background:var(--surface);border:3px dashed var(--border);width:100%;color:var(--foreground);font-family:var(--font-pixel);margin-bottom:var(--spacing-md);padding:.75rem;font-size:.8rem}input:focus,textarea:focus{border:3px solid var(--border);background:#b8ccd8;outline:none}.pixel-text{font-family:var(--font-pixel);image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;letter-spacing:1px;font-weight:900}.pixel-border{border:3px dashed var(--border-dashed);padding:var(--spacing-md);border-radius:var(--radius)}.pixel-box{background:var(--surface);border:3px dashed var(--border);padding:var(--spacing-lg);margin:var(--spacing-md)0;border-radius:var(--radius)}