.karvon-program {
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
      max-width: 900px;
      margin: 2rem auto;
      padding: 2rem;
      background: #ffffff;
      border-radius: 24px;
      box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.12), 0 8px 20px -8px rgba(0, 20, 30, 0.1);
      line-height: 1.5;
      color: #1a2b3c;
    }

    .karvon-program h1 {
      font-size: 2.2rem;
      font-weight: 600;
      margin-top: 0;
      margin-bottom: 0.5rem;
      color: #0b1a2a;
      letter-spacing: -0.02em;
      border-left: 5px solid #ff6b35;
      padding-left: 1.5rem;
    }

    .karvon-program h2 {
      font-size: 1.6rem;
      font-weight: 500;
      margin: 2rem 0 1rem;
      color: #1e3d5e;
      border-bottom: 2px solid #eef2f6;
      padding-bottom: 0.5rem;
    }

    .karvon-program h3 {
      font-size: 1.3rem;
      font-weight: 600;
      margin: 1.5rem 0 0.8rem;
      color: #2c4c6e;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .karvon-program h3::before {
      content: "●";
      color: #ff6b35;
      font-size: 1.2rem;
    }

    .karvon-program .intro {
      background: #f8fafd;
      padding: 1.5rem 2rem;
      border-radius: 18px;
      margin: 1.5rem 0 2rem;
      font-size: 1.1rem;
      border: 1px solid #e6ecf3;
      box-shadow: inset 0 1px 4px rgba(255,255,255,0.8);
    }

    .karvon-program ul, .karvon-program ol {
      padding-left: 1.8rem;
      margin: 0.8rem 0 1.5rem;
    }

    .karvon-program li {
      margin-bottom: 0.6rem;
      font-size: 1rem;
    }

    .karvon-program li strong {
      color: #ff6b35;
      font-weight: 600;
    }

    .karvon-program .badge {
      background: #ff6b35;
      color: white;
      font-weight: 600;
      padding: 0.2rem 1rem;
      border-radius: 40px;
      display: inline-block;
      font-size: 0.9rem;
      letter-spacing: 0.3px;
      margin-right: 8px;
    }

    .karvon-program .reward-box {
      background: linear-gradient(145deg, #fef7f2, #fff);
      border: 2px dashed #ffb092;
      border-radius: 28px;
      padding: 1.5rem 2rem;
      margin: 2rem 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .karvon-program .reward-amount {
      font-size: 2.5rem;
      font-weight: 700;
      color: #ff6b35;
      line-height: 1;
    }

    .karvon-program .reward-label {
      font-size: 1.2rem;
      color: #2e4a6b;
    }

    .karvon-program .terms-list {
      background: #f2f6fc;
      padding: 1.8rem 2rem;
      border-radius: 24px;
      list-style-type: none;
      counter-reset: term-counter;
    }

    .karvon-program .terms-list li {
      counter-increment: term-counter;
      margin-bottom: 1rem;
      padding-left: 2.2rem;
      position: relative;
    }

    .karvon-program .terms-list li::before {
      content: counter(term-counter);
      background: #ff6b35;
      color: white;
      font-size: 0.8rem;
      font-weight: bold;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 2px;
    }

    .karvon-program .reminder {
      font-style: italic;
      background: #eef7fa;
      padding: 1.2rem 2rem;
      border-radius: 18px;
      border-left: 4px solid #3b9cbc;
      margin: 2rem 0 1rem;
    }

    .karvon-program .footer-note {
      font-size: 0.9rem;
      color: #5e6f82;
      text-align: right;
      margin-top: 2.5rem;
      padding-top: 1rem;
      border-top: 1px solid #d9e2ec;
    }

    .karvon-program .footer-note strong {
      color: #1a2b3c;
    }

    .karvon-program .small-print {
      font-size: 0.85rem;
      color: #6f7d8e;
      margin-top: 1rem;
    }

    @media (max-width: 600px) {
      .karvon-program {
        padding: 1.5rem;
      }
      .karvon-program h1 {
        font-size: 1.8rem;
        padding-left: 1rem;
      }
      .karvon-program .reward-box {
        flex-direction: column;
        align-items: flex-start;
      }
    }