.material-symbols-outlined {
      font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    }

    .bronze-gradient {
      background: linear-gradient(135deg, #e3c197 0%, #aa8c65 100%);
    }

    .bg-x-glow {
      background-color: #000;
      background-image: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(120, 180, 255, .25), transparent 70%);
    }

    .cta-modern {
      position: relative;
      overflow: hidden;
      transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
    }

    .cta-modern::after {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .3), transparent);
      transition: all .6s;
    }

    .cta-modern:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
    }

    .cta-modern:hover::after {
      left: 100%;
    }

    .cta-contact {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #b68150 0%, #AE8B61 50%, #b68150 100%) !important;
      background-size: 200% auto !important;
      transition: all .4s cubic-bezier(.175, .885, .32, 1.275) !important;
      box-shadow: 0 4px 15px rgba(182, 129, 80, .3) !important;
    }

    .cta-contact:hover {
      transform: translateY(-3px) scale(1.05) !important;
      box-shadow: 0 15px 30px rgba(182, 129, 80, .4) !important;
    }