/* ============================================================
   PROGRESS WHEEL & PAYMENT – Kazuma Ali Portfolio
   ============================================================ */

/* ---------- PROGRESS WHEEL ---------- */
.progress-wheel {
    display: inline-block;
    margin: 0.5rem 0;
}
.progress-wheel svg {
    filter: drop-shadow(0 4px 16px rgba(78, 205, 196, 0.15));
}
.progress-wheel circle:last-of-type {
    transition: stroke-dasharray 0.8s ease;
}
.progress-wheel text {
    fill: var(--text-primary);
    font-weight: 700;
    font-size: 7px;
    letter-spacing: 0.3px;
}

/* ---------- PAYMENT & SUBSCRIPTION ---------- */
.payment-container,
.subscription-info {
    background: var(--gradient-card);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: var(--radius-md);
    padding: 2rem 2.5rem;
    border: 1px solid rgba(78, 205, 196, 0.10);
    box-shadow: var(--shadow-card);
    max-width: 600px;
    margin: 2rem auto;
}
.payment-container .btn-pay {
    margin-top: 1.2rem;
}
.paid-badge {
    background: linear-gradient(135deg, #2b7a5a, #4ecdc4);
    padding: 0.2rem 1.2rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff;
    display: inline-block;
}