.pack-hero {
        background: linear-gradient(135deg, rgba(40,58,215,0.12), rgba(16,185,129,0.08));
        border: 1px solid rgba(148,163,184,0.25);
        border-radius: 24px;
        padding: 32px;
        box-shadow: none;
      }
      .pack-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 12px;
        border-radius: 999px;
        background: rgba(40,58,215,0.12);
        color: #1f2a37;
        font-weight: 600;
        font-size: 0.9rem;
      }
      .pack-chip--green-outline {
        background: rgba(22, 163, 74, 0.12);
        border: 2px solid #16a34a;
        color: #166534;
      }
      .pack-chip--red-outline {
        background: rgba(220, 38, 38, 0.12);
        border: 2px solid #dc2626;
        color: #7f1d1d;
      }
      .pack-card {
        background: linear-gradient(135deg, rgba(248, 250, 252, 0.78) 0%, rgba(237, 242, 247, 0.58) 100%);
        border: 1px solid rgba(148,163,184,0.25);
        border-radius: 20px;
        padding: 20px;
        box-shadow: none;
      }
      .pack-step {
        background: linear-gradient(135deg, rgba(248, 250, 252, 0.82) 0%, rgba(237, 242, 247, 0.62) 100%);
        border: 1px solid rgba(148,163,184,0.2);
        border-radius: 16px;
        padding: 16px 18px;
        margin-bottom: 12px;
        display: flex;
        gap: 12px;
        align-items: flex-start;
      }
      .pack-step span.badge {
        margin-top: 2px;
      }
      .pack-divider {
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(148,163,184,0.4), transparent);
        margin: 24px 0;
      }