@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@400;700&display=swap');
        :root {
            --color-dark: #0A0A0A;
            --color-light: #E0E0E0;
            --color-accent-1: #FF6F61;
            --color-accent-2: #4A90E2;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: 'Roboto', sans-serif; background-color: var(--color-dark); color: var(--color-light); line-height: 1.6; }
        a { color: var(--color-accent-2); text-decoration: none; transition: color 0.3s ease; }
        a:hover { color: var(--color-accent-1); }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        header.header { position: sticky; top: 0; width: 100%; background-color: rgba(10, 10, 10, 0.95); padding: 15px 0; z-index: 1000; }
        .header-content { display: flex; justify-content: space-between; align-items: center; }
        .logo { font-family: 'Orbitron', sans-serif; font-size: 24px; font-weight: 700; color: var(--color-accent-1); text-transform: uppercase; }
        nav.nav-menu { display: none; }
        .nav-menu ul { list-style: none; display: flex; }
        .nav-menu li { margin-left: 25px; }
        .nav-menu a { font-family: 'Orbitron', sans-serif; text-transform: uppercase; font-size: 16px; }
        .burger-menu { display: block; cursor: pointer; z-index: 1001; }
        .burger-menu span { display: block; width: 25px; height: 3px; background-color: var(--color-light); margin: 5px 0; transition: all 0.3s ease; }
        .burger-menu.active span:nth-child(1) { transform: rotate(-45deg) translate(-5px, 6px); }
        .burger-menu.active span:nth-child(2) { opacity: 0; }
        .burger-menu.active span:nth-child(3) { transform: rotate(45deg) translate(-5px, -6px); }
        .mobile-nav { position: fixed; top: 0; right: -100%; width: 70%; height: 100%; background-color: var(--color-dark); z-index: 999; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: right 0.4s ease-in-out; }
        .mobile-nav.active { right: 0; }
        .mobile-nav ul { list-style: none; text-align: center; }
        .mobile-nav li { margin-bottom: 20px; }
        .mobile-nav a { font-family: 'Orbitron', sans-serif; font-size: 24px; text-transform: uppercase; }
        main { padding-top: 80px; padding-bottom: 40px; }
        section { padding: 40px 0; }
        h1, h2, h3 { font-family: 'Orbitron', sans-serif; color: var(--color-accent-2); margin-bottom: 20px; text-transform: uppercase; }
        h1 { font-size: 36px; }
        h2 { font-size: 28px; }
        h3 { font-size: 22px; }
        p { margin-bottom: 15px; }
        ol { margin-bottom: 15px; padding-left: 20px; }
        ol li { margin-bottom: 10px; }
        footer.footer { background-color: #1a1a1a; padding: 40px 0; text-align: center; }
        .footer-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
        .footer-logo { flex: 1 1 100%; margin-bottom: 20px; }
        .footer-links, .footer-contact { flex: 1 1 50%; text-align: left; margin-bottom: 20px; }
        .footer-links h3, .footer-contact h3 { color: var(--color-accent-1); margin-bottom: 10px; }
        .footer-links ul { list-style: none; }
        .footer-links a { color: var(--color-light); display: block; padding: 5px 0; }
        @media (min-width: 768px) {
            .burger-menu { display: none; }
            nav.nav-menu { display: block; }
            .mobile-nav { display: none; }
            .footer-logo { flex: 1 1 30%; text-align: left; }
            .footer-links, .footer-contact { flex: 1 1 35%; }
        }