:root {
            --primary-color: #ff2a6d; /* Hot Pink */
            --background-color: #0a0316; /* Near-Black Indigo */
            --surface-color: #1f0b3a; /* Dark Electric Purple */
            --text-color: #e6e6fa; /* Pale Lavender */
            --text-dark-color: #8b9dc3; /* Steel Blue-Gray */
            --error-color: #ff4040; /* Neon Red */
            --font-primary: 'Orbitron', sans-serif;
            --font-secondary: 'Roboto', sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: var(--font-secondary); background-color: var(--background-color); color: var(--text-color); overflow-x: hidden; }
        .container { width: 90%; max-width: 1200px; margin: 0 auto; }
        .header { background: rgba(15, 15, 26, 0.8); backdrop-filter: blur(10px); padding: 1rem 0; position: fixed; width: 100%; z-index: 1000; border-bottom: 1px solid rgba(255, 42, 109, 0.1); }
        .navbar { display: flex; justify-content: space-between; align-items: center; }
        .logo { font-family: var(--font-primary); font-size: 2rem; font-weight: 700; color: var(--text-color); text-decoration: none; text-shadow: 0 0 5px var(--primary-color); }
        .nav-links { list-style: none; display: flex; }
        .nav-links li { margin-left: 2.5rem; }
        .nav-links a { color: var(--text-color); text-decoration: none; font-weight: 700; position: relative; transition: color 0.3s ease, text-shadow 0.3s ease; }
        .nav-links a:hover { color: var(--primary-color); text-shadow: 0 0 10px var(--primary-color); }
        .burger-menu { display: none; cursor: pointer; font-size: 1.8rem; color: var(--primary-color); }
        .section { padding: 6rem 0; position: relative; }
        .section-title { font-family: var(--font-primary); font-size: 2.8rem; margin-bottom: 3rem; color: var(--primary-color); text-shadow: 0 0 10px var(--primary-color); text-align: center; }
        .fade-in-section { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
        .fade-in-section.is-visible { opacity: 1; transform: translateY(0); }
        .content { max-width: 800px; margin: 0 auto; line-height: 1.8; color: var(--text-dark-color); }
        .content h3 { font-family: var(--font-primary); font-size: 1.8rem; color: var(--primary-color); margin: 2rem 0 1rem; }
        .content p { margin-bottom: 1.5rem; }
        .footer { background: #0a0a14; padding: 4rem 0 2rem 0; border-top: 1px solid rgba(255, 42, 109, 0.1); }
        .footer .section-title { font-size: 2rem; }
        .footer-links { list-style: none; display: flex; justify-content: center; margin: 1rem 0; }
        .footer-links li { margin: 0 1.5rem; }
        .footer-links a { color: var(--text-color); text-decoration: none; font-weight: 700; transition: color 0.3s ease; }
        .footer-links a:hover { color: var(--primary-color); }
        .social-links { margin: 2rem 0; }
        .social-links a { color: var(--text-dark-color); font-size: 2rem; margin: 0 1rem; transition: color 0.3s ease, transform 0.3s ease; }
        .social-links a:hover { color: var(--primary-color); transform: scale(1.2); }
        .footer p { color: var(--text-dark-color); text-align: center; }
        .color { background: var(--surface-color); }
        @media (max-width: 768px) {
            .nav-links { display: none; flex-direction: column; width: 100%; background: var(--background-color); position: absolute; top: 65px; left: 0; padding: 1rem 0; border-bottom: 1px solid rgba(255, 42, 109, 0.2); }
            .nav-links.active { display: flex; }
            .nav-links li { margin: 1rem 0; text-align: center; }
            .burger-menu { display: block; }
            .section-title { font-size: 2rem; }
            .footer-links { flex-direction: column; }
            .footer-links li { margin: 1rem 0; text-align: center; }
        }