/* Load Poppins (already present) */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

  /* --- Original CSS (unchanged) --- */
  .domain-search-input {
    box-shadow: 0 10px 25px -5px rgba(255, 32, 78, 0.2);
  }
  .hero-bg {
    background: linear-gradient(135deg, #f5f7fa 0%, #ffeef2 50%, #ffecf1 100%);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
  }
  @keyframes gradientBG {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
  }
  .glow {
    animation: glow 2s ease-in-out infinite alternate;
  }
  @keyframes float {
    0% { transform: translateY(0px) rotate(3deg); }
    50% { transform: translateY(-10px) rotate(3deg); }
    100% { transform: translateY(0px) rotate(3deg); }
  }
  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
  @keyframes glow {
    from { box-shadow: 0 0 10px -5px #FF204E; }
    to   { box-shadow: 0 0 20px 0px #FF204E; }
  }

  /* --- Additions from prior update (no overlaps) --- */
  .domain-wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FF204E' fill-opacity='0.1' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
  }

  .domain-card {
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
  }
  .domain-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, #FF204E, #A0153E);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
  }
  .domain-card:hover::before { transform: scaleX(1); }

  .domain-icon { transition: all 0.3s ease; }
  .domain-card:hover .domain-icon { transform: scale(1.1); }

  .highlight-text { position: relative; display: inline-block; }
  .highlight-text::after {
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 8px;
    background: linear-gradient(90deg, rgba(255,32,78,0.2), rgba(255,32,78,0.05));
    z-index: -1; border-radius: 2px;
  }

  /* --- New update (renamed to avoid conflicts) --- */
  .domain-card-lift {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
  }
  .domain-card-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(255, 32, 78, 0.1);
  }

  .search-box {
    box-shadow: 0 4px 20px rgba(255, 32, 78, 0.15);
  }
  .search-box:focus-within {
    box-shadow: 0 4px 25px rgba(255, 32, 78, 0.25);
  }

  .transfer-btn {
    background: linear-gradient(135deg, #FF204E 0%, #A0153E 100%);
    box-shadow: 0 4px 15px rgba(255, 32, 78, 0.3);
    transition: all 0.3s ease;
  }
  .transfer-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 32, 78, 0.4);
  }

  .benefit-item { position: relative; padding-left: 2rem; }
  .benefit-item::before {
    content: ""; position: absolute; left: 0; top: 0.5rem;
    width: 1rem; height: 1rem; background-color: #FF204E; border-radius: 50%;
  }

  /* New utilities (no Tailwind color vars; uses your config hex directly) */
  .btn-primary {
    background-color: #FF204E; /* primary */
    color: #fff;
    transition: all 0.3s ease;
  }
  .btn-primary:hover {
    background-color: #A0153E; /* secondary */
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px rgba(255, 32, 78, 0.6);
  }

  .feature-card {
    transition: all 0.3s ease;
    border-left: 4px solid #FF204E; /* primary */
  }
  .feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  }

  .domain-illustration {
    position: relative;
    z-index: 1;
  }
  .domain-illustration::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: rgba(255, 32, 78, 0.1); /* primary tint */
    border-radius: 50%;
    top: -20px;
    right: -20px;
    z-index: -1;
  }
  .domain-illustration::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: rgba(160, 21, 62, 0.1); /* secondary tint */
    border-radius: 50%;
    bottom: -30px;
    left: -30px;
    z-index: -1;
  }

  /* Avoid conflict with existing @keyframes float */
  @keyframes floatY {
    0% { transform: translateY(0) }
    50% { transform: translateY(-15px) }
    100% { transform: translateY(0) }
  }
  .floating { animation: floatY 6s ease-in-out infinite; }

  .animate-delay-1 { animation-delay: 0.2s; }
  .animate-delay-2 { animation-delay: 0.4s; }
  .animate-delay-3 { animation-delay: 0.6s; }

  .check-icon {
    color: #FF204E; /* primary */
    font-size: 1.5rem;
    margin-right: 0.5rem;
    vertical-align: middle;
  }