.digital-phase9 .digital-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(91, 212, 255, 0.18), transparent 34%),
        radial-gradient(circle at bottom left, rgba(123, 112, 255, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(10, 16, 34, 0.97), rgba(18, 28, 58, 0.93));
    border: 1px solid rgba(120, 178, 255, 0.16);
}
.digital-score-badge {
    padding: .8rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    font-size: .95rem;
    box-shadow: 0 15px 35px rgba(0,0,0,.2);
}
.digital-score-badge--green { background: rgba(25, 138, 92, .18); color: #8df0bd; }
.digital-score-badge--yellow { background: rgba(179, 129, 23, .18); color: #ffd27b; }
.digital-score-badge--red { background: rgba(155, 44, 44, .18); color: #ffb1b1; }
.digital-progress-grid { grid-auto-rows: 1fr; }
.digital-progress-card {
    border-radius: 22px;
    padding: 1rem;
    border: 1px solid rgba(122, 155, 255, .14);
    background: linear-gradient(180deg, rgba(14, 22, 42, .92), rgba(10, 16, 30, .96));
    box-shadow: 0 18px 44px rgba(5, 9, 20, .24);
}
.digital-progress-bar,
.digital-phase9 .progress {
    height: .72rem;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}
.digital-progress-bar .progress-bar,
.digital-phase9 .progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, #50d6ff, #8b8fff);
}
.digital-reminder-card,
.digital-campaign-card {
    align-items: flex-start;
}
.digital-phase9 code {
    color: #b8c7ff;
    background: rgba(255,255,255,.05);
    border-radius: 10px;
    padding: .25rem .45rem;
}
@media (max-width: 767.98px) {
    .digital-phase9 .digital-hero .btn {
        width: 100%;
    }
}