.homepage-overview-section {
    background: linear-gradient(180deg, #faf8ff 0%, #ffffff 100%);
}

.homepage-overview-section .display-5 {
    color: #24152f;
    font-weight: 700;
}

.homepage-overview-section .lead {
    color: #5f6368;
    max-width: 760px;
    margin-inline: auto;
}

.homepage-overview-section .btn-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
    border: none;
    box-shadow: 0 10px 20px rgba(109, 40, 217, 0.18);
}

.homepage-overview-section .btn-primary:hover,
.homepage-overview-section .btn-primary:focus {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    box-shadow: 0 14px 28px rgba(109, 40, 217, 0.24);
}

.homepage-overview-section .badge.bg-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    color: #fff;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(109, 40, 217, 0.18);
}

.homepage-overview-section .card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.homepage-overview-section .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12) !important;
}

.homepage-overview-section .card-title {
    color: #24152f;
    font-weight: 700;
}

.homepage-overview-section .card-text {
    color: #5f6368;
}

.homepage-overview-section .btn-outline-primary {
    border-color: #8b5cf6;
    color: #8b5cf6;
}

.homepage-overview-section .btn-outline-primary:hover,
.homepage-overview-section .btn-outline-primary:focus {
    background: #8b5cf6;
    color: #fff;
    border-color: #8b5cf6;
}