/* HERO */
    .hero {
      background: linear-gradient(135deg, #7c3aed 0%, #d946ef 100%);
      padding: 100px 48px 90px !important;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .hero::after {
      content: '';
      position: absolute; bottom: -1px; left: 0; right: 0;
      height: 55px; background: #fff;
      clip-path: ellipse(55% 100% at 50% 100%);
    }
    .hero-badge {
      display: inline-block;
      background: rgba(255,255,255,0.18);
      color: #fff; font-size: 12px;
      padding: 4px 16px; border-radius: 20px;
      margin-bottom: 18px; letter-spacing: 0.5px;
    }
    .hero h1 { color: #fff; font-size: 38px; font-weight: 700; margin-bottom: 14px; }
    .hero p { color: rgba(255,255,255,0.82); font-size: 15px; max-width: 480px; margin: 0 auto; line-height: 1.7; }
    .hero-meta {
      display: flex; align-items: center; justify-content: center;
      gap: 8px; margin-top: 22px; flex-wrap: wrap;
    }
    .hero-meta span { color: rgba(255,255,255,0.78); font-size: 13px; }
    .hero-meta .dot {
      display: inline-block; width: 5px; height: 5px;
      background: rgba(255,255,255,0.45); border-radius: 50%;
    }
    .terms-pera{
      color: rgba(0,0,0,0.82); font-size: 15px; max-width: 720px; margin: 0 auto; line-height: 1.7;
    }