body{
 min-height: 100vh;
      background: linear-gradient(135deg, #ff6eb4 0%, #ff9de2 40%, #ffc6f0 70%, #ffe0f7 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'DM Sans', sans-serif;
      overflow: hidden;
    }
 
    body::before, body::after {
      content: '';
      position: fixed;
      border-radius: 50%;
      filter: blur(80px);
      opacity: 0.45;
      pointer-events: none;
    }
    body::before {
      width: 420px; height: 420px;
      background: #ff3fa4;
      top: -100px; left: -100px;
    }
    body::after {
      width: 360px; height: 360px;
      background: #ffaee0;
      bottom: -80px; right: -80px;
    }
 
    .card {
      border: none;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow:
        0 8px 32px rgba(255, 80, 160, 0.25),
        0 1px 0 rgba(255,255,255,0.6) inset;
      max-width: 440px;
      width: 90%;
      padding: 52px 44px;
      text-align: center;
      animation: popIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
    }
 
    @keyframes popIn {
      from { opacity: 0; transform: scale(0.92) translateY(20px); }
      to   { opacity: 1; transform: scale(1) translateY(0); }
    }
 
    .badge-pill {
      background: rgba(255,255,255,0.5);
      color: #c2185b;
      font-size: 0.7rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 100px;
      border: 1px solid rgba(255,255,255,0.7);
      display: inline-block;
      margin-bottom: 22px;
      animation: popIn 0.6s 0.1s both;
    }
 
    h1 {
      font-family: 'Playfair Display', serif;
      font-size: 2.4rem;
      font-weight: 700;
      color: #3d0022;
      line-height: 1.2;
      margin-bottom: 14px;
      animation: popIn 0.6s 0.15s both;
    }
 
    .divider {
      width: 48px;
      height: 3px;
      border-radius: 10px;
      background: linear-gradient(90deg, #ff3fa4, #ff9de2);
      margin: 18px auto;
      animation: popIn 0.6s 0.2s both;
    }
 
    p {
      color: #6d2048;
      font-size: 0.95rem;
      line-height: 1.75;
      font-weight: 300;
      margin-bottom: 0;
      animation: popIn 0.6s 0.25s both;
    }
 
    .btn-pink {
      margin-top: 32px;
      padding: 13px 36px;
      background: linear-gradient(135deg, #ff3fa4, #ff80cb);
      border: none;
      border-radius: 100px;
      color: #fff;
      font-family: 'DM Sans', sans-serif;
      font-size: 0.85rem;
      font-weight: 400;
      letter-spacing: 0.08em;
      box-shadow: 0 6px 24px rgba(255, 63, 164, 0.45);
      transition: transform 0.2s, box-shadow 0.2s;
      animation: popIn 0.6s 0.32s both;
    }
 
    .btn-pink:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 32px rgba(255, 63, 164, 0.55);
      color: #fff;
    }
 
    .btn-pink:active { transform: translateY(0); }
 
    .icon-wrap {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ff3fa4, #ffaee0);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      box-shadow: 0 4px 20px rgba(255, 63, 164, 0.4);
      animation: popIn 0.6s 0.05s both;
      font-size: 1.6rem;
    }