body {
    font-family: 'Segoe UI', sans-serif;
}

.hero {
    background: linear-gradient(to right, #5d3fd3, #7c4dff);
    color: white;
    padding: 5rem 1rem;
}

.hero-buttons .btn {
    margin-right: 1rem;
}

.card-category,
.card-feature {
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.card-feature {
    border: none;
    background: linear-gradient(180deg, #fff, #fbfbff);
    transition: transform .18s ease, box-shadow .18s ease;
    border-radius: 12px;
}
.card-feature:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(16,24,40,0.08);
}
.card-feature .icon i {
    color: var(--purple-600);
}

.cta-section {
    background: linear-gradient(90deg, rgba(111,45,168,0.06), rgba(209,43,43,0.04));
    border: 1px solid rgba(111,45,168,0.06);
}

.stats {
    background-color: #5d3fd3;
    color: white;
    padding: 2rem 0;
    text-align: center;
}

.footer {
    background-color: #151515;
    color: white;
    padding: 3rem 0;
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.btn-outline-light:hover {
    color: #5d3fd3;
    background-color: white;
}