:root{--primary-orange:#ff4500;--hover-orange:#ff6a33;--dark-bg:#111;--dark-card:#1a1a1a;--text-light:#e0e0e0;--text-dark:#a0a0a0;--border-color:#333;--border-hover:var(--primary-orange);--font-heading:"Orbitron",sans-serif;--font-body:"Roboto",sans-serif}body,html{background-color:var(--dark-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABvSURBVHhe7cEBDQAAAMKg909tDwcUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgkkVwABfsGoPAAAAABJRU5ErkJggg==);color:var(--text-light);font-family:var(--font-body);margin:0;padding:0;scrollbar-color:var(--primary-orange) var(--dark-bg);scrollbar-width:thin}.container{margin:0 auto;max-width:1200px;padding:1rem}h1,h2,h3{color:var(--primary-orange);font-family:var(--font-heading);text-shadow:0 0 10px rgba(255,69,0,.5);text-transform:uppercase}h1{font-size:2.2rem}h2{font-size:1.5rem}.btn{background-color:transparent;border:2px solid var(--border-color);color:var(--text-light);cursor:pointer;display:inline-block;font-family:var(--font-heading);font-size:clamp(.75rem,3.5vw,.9rem);letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:hover{border-color:var(--border-hover);box-shadow:0 0 20px #ff450099;color:#fff;transform:translateY(-3px)}.btn:active{box-shadow:0 0 10px #ff450066;transform:translateY(-1px)}.card{background-color:var(--dark-card);border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 0 15px #00000080;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 0 25px #ff45004d;transform:scale(1.02)}@media (min-width:768px){.container{padding:2rem}h1{font-size:3rem}h2{font-size:2rem}.btn{font-size:1rem;padding:12px 28px}}