*,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      background: #07070a;
      font-family: 'DM Sans', sans-serif;
      color: #707088;
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(28px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes glow {

      0%,
      100% {
        opacity: 0.45;
      }

      50% {
        opacity: 0.8;
      }
    }

    ::selection {
      background: rgba(217, 28, 181, 0.3);
    }

    input::placeholder,
    textarea::placeholder {
      color: rgba(255, 255, 255, 0.2);
    }

    input,
    textarea {
      font-family: 'DM Sans', sans-serif;
    }

    .grad-text {
      background: linear-gradient(135deg, #FF7A1A 0%, #D91CB5 55%, #8B00D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      display: inline;
    }

    /* NAV */
    nav {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(7, 7, 10, 0.95);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    }

    .nav-inner {
      max-width: 1240px;
      margin: 0 auto;
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 68px;
    }

    .nav-logo {
      height: 46px;
      display: block;
    }

    .nav-links {
      display: flex;
      gap: 36px;
      align-items: center;
    }

    .nav-links a {
      font-size: 12px;
      text-decoration: none;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 600;
      color: #888;
      transition: color 0.2s;
    }

    .nav-links a.active {
      color: #FF7A1A;
      font-weight: 700;
    }

    .nav-links a:hover {
      color: #fff;
    }

    .nav-cta {
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #ccc;
      text-decoration: none;
      padding: 9px 20px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: border-color 0.2s, color 0.2s;
    }

    .nav-cta:hover {
      border-color: rgba(255, 255, 255, 0.3);
      color: #fff;
    }

.hidden {
      display: none !important;
    }

/* FOOTER */
    footer {
      padding: 40px;
      background: #07070a;
      position: relative;
      overflow: hidden;
    }

    .footer-bar {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, #FF7A1A 25%, #D91CB5 50%, #8B00D4 75%, transparent 100%);
    }

    .footer-inner {
      max-width: 1240px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px;
    }

    .footer-logo {
      height: 36px;
      opacity: 0.55;
    }

    .footer-copy {
      font-size: 12px;
      color: #666;
      text-align: center;
      letter-spacing: 0.04em;
    }

    .footer-links {
      display: flex;
      gap: 20px;
    }

    .footer-links a {
      font-size: 12px;
      color: #666;
      text-decoration: none;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      transition: color 0.2s;
    }

    .footer-links a:hover {
      color: #FF7A1A;
    }