.home-page {
    margin-top: 2rem;
}
.home-widget-row {
    margin-bottom: 2rem;
}
.home-widget-card {
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(79,70,229,0.04);
    border: none;
    background: #f8fafc;
    transition: box-shadow 0.2s;
}
.home-widget-card:hover {
    box-shadow: 0 6px 24px rgba(79,70,229,0.10);
}
.home-widget-body {
    border-radius: 14px;
    padding: 1.5rem 1.25rem;
    background: none !important;
    color: #334155;
    text-align: center;
}
.home-widget-body.primary {
    background: linear-gradient(90deg, #e0e7ff 0%, #f1f5f9 100%) !important;
    color: #4f46e5;
}
.home-widget-body.secondary {
    background: linear-gradient(90deg, #fef9c3 0%, #f1f5f9 100%) !important;
    color: #f59e42;
}
.home-widget-body.success {
    background: linear-gradient(90deg, #d1fae5 0%, #f1f5f9 100%) !important;
    color: #10b981;
}
.home-widget-body h4 {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0;
}
.home-widget-body .f-light {
    font-size: 1rem;
    color: #64748b;
    font-weight: 500;
}
.home-intro-card {
    background: linear-gradient(120deg, #f8fafc 60%, #e0e7ff 100%);
    border: none;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(79,70,229,0.07);
}
.home-intro-card h2 {
    color: var(--primary-color, #4f46e5);
}
.ratio {
    background: #000;
}
@media (max-width: 991.98px) {
    .home-widget-row > div {
        margin-bottom: 1rem;
    }
    .home-widget-body {
        padding: 1.25rem 0.75rem;
    }
    .home-intro-card .row > div {
        margin-bottom: 1.5rem;
    }
}