:root {
        --max-width: 1400px;
        --side-padding: 120px;
        --primary: #ffffff;
        --secondary: #898989;
        --accent: #e6007e;
        --dark: #0e0d0d;
        --darker: #000000;
        --gradient: linear-gradient(45deg, #1a1a1a, #000000);
        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        --container: 1400px;
        --spacing: clamp(60px, 8vw, 120px);
      }

      /* Header & Navigation */
      .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        padding: 1rem 0;
        transition: var(--transition);
        mix-blend-mode: luminosity;
        background: #1b1520fa;
    backdrop-filter: blur(4px);
      }

      .header.scrolled {
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(10px);
        padding: 1rem 0;
      }

      .nav {
        display: flex;
        justify-content: space-between;
        align-items: center;    
        justify-content: center;
        align-items: center;
        gap: 32px;
      }

      .logo {
        font-size: 1.5rem;
        font-weight: 800;
        letter-spacing: -0.03em;
      }

      .nav-links,   .nav-links div {
        display: flex;
        gap: 3rem;
        align-items: center;
      }

      .nav-links a {
        color: var(--primary);
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.1em;
        transition: var(--transition);
      }

      .nav-links a:hover {
        color: var(--accent);
      }

.subtitle {
color: #e6007e;
}

/* Footer */
footer {
padding: 60px 0px;
        background: #222222;
padding-bottom: 150px;
}

footer .smart-icon {
font-size: xx-large;
 width: unset;
}

footer .social-links {
    gap: 1rem 3rem;
flex-wrap: wrap;
}

footer a {
color: #fff;
    text-decoration: none;
    display: inline-flex
;
    align-items: center;
    gap: 1rem;
}

footer .section-header {
    margin-bottom: 1rem;
}