:root {
      --primary: #2563eb;
      --accent: #ef4444;
      --dark: #0f172a;
      --light: #f8fafc;
      --text-main: #1e293b;
      --text-muted: #64748b;
      --radius: 20px;
      --shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
    }

    /* HERO SECTION */
    .refund-hero {
      padding: 110px 0 90px;
      background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #2563eb 90%);
      color: #fff;
      position: relative;
    }

    .refund-hero h1 {
      font-size: 2.6rem;
      font-weight: 900;
      margin-bottom: 10px;
    }

    .refund-hero h1 span {
      color: #f43f5e;
    }

    .refund-hero p {
      max-width: 620px;
      font-size: 1rem;
      opacity: 0.95;
    }

    .refund-badge {
      margin-top: 18px;
      display: inline-flex;
      align-items: center;
      font-size: .85rem;
      padding: 8px 14px;
      background: rgba(255,255,255,0.12);
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.2);
    }

    .refund-badge i {
      margin-right: 6px;
      color: #ffb4b4;
      font-size: 1rem;
    }

    /* SECTION BASE */
    .refund-section {
      padding: 60px 0;
      background: #f3f4f6;
    }

    .section-title {
      text-align: center;
      margin-bottom: 30px;
    }

    .section-title h2 {
      font-size: .95rem;
      color: var(--primary);
      text-transform: uppercase;
      letter-spacing: .1em;
    }

    .section-title h3 {
      font-size: 2rem;
      font-weight: 800;
      color: var(--text-main);
    }

    .section-title h3 span {
      color: var(--accent);
    }

    /* BEAUTIFUL CARD */
    .refund-card {
      background: #ffffffee;
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 28px;
      margin-bottom: 25px;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(6px);
      border: 1px solid rgba(203, 213, 225, 0.55);
    }

    .refund-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 12px;
      bottom: 12px;
      width: 5px;
      background: linear-gradient(180deg, #ef4444, #f59e0b);
      border-radius: 999px;
    }

    .refund-card h4 {
      font-size: 1.15rem;
      font-weight: 800;
      margin-bottom: 10px;
      color: var(--text-main);
    }

    .refund-card p,
    .refund-card li {
      color: var(--text-muted);
      font-size: .95rem;
    }

    .refund-card ul {
      padding-left: 20px;
    }

    /* ICON CARDS */
    .highlight-icon-card {
      background: #fff;
      border-radius: var(--radius);
      padding: 30px 25px;
      text-align: center;
      position: relative;
      box-shadow: var(--shadow);
      border-top: 5px solid var(--accent);
      transition: transform .25s ease;
    }

    .highlight-icon-card:hover {
      transform: translateY(-6px);
    }

    .highlight-icon-card i {
      font-size: 2.8rem;
      color: var(--accent);
      margin-bottom: 10px;
    }

    .highlight-icon-card h4 {
      font-size: 1.1rem;
      color: var(--dark);
      font-weight: 800;
      margin-bottom: 8px;
    }

    /* CONTACT BOX */
    .refund-contact-box {
      background: var(--dark);
      color: #fff;
      padding: 35px;
      border-radius: 24px;
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden;
    }

    .refund-contact-box h3 {
      font-weight: 800;
      font-size: 1.45rem;
      margin-bottom: 12px;
    }

    .refund-contact-box p {
      font-size: .95rem;
      opacity: .9;
    }

    .refund-contact-btn {
      margin-top: 18px;
    }

    .refund-contact-btn a {
      background: #22c55e;
      padding: 10px 22px;
      border-radius: 999px;
      color: #022c22;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      box-shadow: 0 10px 30px rgba(34, 197, 94, .45);
    }

    .refund-contact-btn a i {
      margin-right: 7px;
    }