@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
    :root { color-scheme: dark; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; background:#05050A; }

    /* Scroll progress (gold) */
    .progress-bar{
      background: linear-gradient(90deg, rgba(214,178,94,0), rgba(214,178,94,.95), rgba(214,178,94,0));
    }

    /* Gold metallic text */
    .gold-text {
      background: linear-gradient(135deg, #F3E6B0 0%, #D6B25E 35%, #A97C2C 70%, #F3E6B0 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* Nav underline in gold */
    .nav-link { position: relative; transition: color .25s ease; }
    .nav-link::after{
      content:'';
      position:absolute;
      left:50%;
      bottom:-6px;
      width:0;
      height:2px;
      transform:translateX(-50%);
      background: linear-gradient(90deg, rgba(214,178,94,0), rgba(214,178,94,.9), rgba(214,178,94,0));
      transition: width .25s ease;
      opacity:.95;
    }
    .nav-link:hover::after,
    .nav-link.active::after{ width:100%; }

    /* Cards hover gold glow */
    .gold-hover{
      transform: translateY(0);
      transition: all .28s cubic-bezier(.4,0,.2,1);
    }
    .gold-hover:hover{
      transform: translateY(-8px);
      box-shadow:
        0 0 0 1px rgba(214,178,94,.20) inset,
        0 18px 45px rgba(214,178,94,.12),
        0 0 80px rgba(214,178,94,.08);
      border-color: rgba(214,178,94,.28) !important;
    }

    /* Subtle violet glow background only */
    .hero-bg {
      background:
        radial-gradient(800px circle at 20% 15%, rgba(124,58,237,.14), transparent 55%),
        radial-gradient(760px circle at 85% 25%, rgba(124,58,237,.10), transparent 60%),
        radial-gradient(700px circle at 50% 95%, rgba(124,58,237,.10), transparent 60%),
        linear-gradient(to bottom, rgba(255,255,255,.03), transparent 40%);
    }

    /* Buttons */
    .btn-gold{
      background: linear-gradient(135deg, #F3E6B0 0%, #D6B25E 40%, #A97C2C 100%);
      color:#08080D;
      box-shadow: 0 16px 40px rgba(214,178,94,.18);
      transition: all .25s ease;
    }
    .btn-gold:hover{
      transform: translateY(-2px);
      box-shadow: 0 20px 52px rgba(214,178,94,.24);
      filter: saturate(1.05);
    }

    .btn-outline{
      border: 1px solid rgba(214,178,94,.35);
      color: rgba(243,230,176,.95);
      background: rgba(255,255,255,.02);
      transition: all .25s ease;
    }
    .btn-outline:hover{
      background: rgba(214,178,94,.08);
      border-color: rgba(214,178,94,.55);
      transform: translateY(-2px);
    }

    /* Reveal on scroll */
    .reveal { opacity: 0; transform: translateY(18px); transition: all .65s ease; }
    .reveal.reveal-active { opacity: 1; transform: translateY(0); }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
      .reveal { transition: none; transform: none; opacity: 1; }
      .gold-hover, .btn-gold, .btn-outline { transition: none; }
      html { scroll-behavior: auto; }
    }