@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{--color-bg: #1e1e24;--color-surface: #2b2b36;--color-primary: #f26419;--color-secondary: #33658a;--color-text: #f6f7f8;--color-muted: #8c8c9a;--color-border: #444455;--color-success: #86bbd8;--color-danger: #f6ae2d}html,body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:Pixelify Sans,cursive,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-danger)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.pixel-box{background-color:var(--color-surface);border:4px solid var(--color-border);box-shadow:4px 4px #00000080;padding:1.5rem;image-rendering:pixelated}.btn{display:inline-block;background-color:var(--color-primary);color:#fff;border:4px solid #fff;padding:.75rem 1.5rem;font-weight:700;font-size:1.1rem;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px #00000080;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00000080;color:#fff}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}.btn-secondary{background-color:var(--color-secondary)}.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-muted);border:2px solid var(--color-border);border-radius:4px;transition:color .15s,border-color .15s}.platform-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}h1,h2,h3,h4{margin-top:0;text-shadow:2px 2px 0px #000;letter-spacing:1px}header{background-color:var(--color-surface);border-bottom:4px solid var(--color-border);padding:1rem 0}header .nav-container{display:flex;justify-content:space-between;align-items:center}header nav ul{list-style:none;padding:0;margin:0;align-items:center;display:flex;gap:1.5rem}header nav a{color:var(--color-text);font-size:1.2rem;font-weight:500;text-transform:uppercase}header nav a:hover{color:var(--color-primary)}.logo{font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:3px 3px 0px #000}.nav-toggle{display:none;background:none;border:2px solid var(--color-border);color:var(--color-text);font-size:1.5rem;padding:.25rem .5rem;cursor:pointer;font-family:inherit}footer{text-align:center;padding:2rem 0;margin-top:4rem;border-top:4px solid var(--color-border);background-color:var(--color-surface);color:var(--color-muted)}@media(max-width:768px){.nav-toggle{display:block}header .nav-container{flex-wrap:wrap}header nav{display:none;width:100%;padding-top:1rem}header nav.open{display:block}header nav ul{flex-direction:column;gap:0;align-items:stretch}header nav ul li{border-top:1px solid var(--color-border)}header nav ul li a{display:block;padding:.75rem 0}header nav ul li:last-child{margin-top:.5rem}header nav ul li:last-child .btn{display:block;text-align:center}.hero h1{font-size:2.5rem!important}.hero p{font-size:1.1rem!important}.hero .btn{font-size:1.1rem!important;padding:.75rem 2rem!important}.features{grid-template-columns:1fr!important}}