/* ============================================
   FinFlow LMS - Responsive Styles
   ============================================ */

@media (max-width: 1400px) {
    .hero-section h1 { font-size: 3rem; }
}
@media (max-width: 1200px) {
    .hero-section { padding: 5rem 0 6rem; }
    .hero-section h1 { font-size: 2.6rem; }
    .dashboard-card .card-value { font-size: 1.6rem; }
}
@media (max-width: 992px) {
    .hero-section { padding: 4rem 0 5rem; min-height: auto; }
    .hero-section h1 { font-size: 2.2rem; }
    .hero-visual { margin-top: 2.5rem; }
    .trust-bar { margin-top: -2rem; }
    .trust-bar .stat-item:not(:last-child)::after { display: none; }
    .trust-bar .stat-number { font-size: 1.6rem; }
    .section-title h2 { font-size: 1.8rem; }
    .step-card .step-connector { display: none; }
    .loan-card { margin-bottom: 1rem; }
    .site-footer { padding: 3rem 0 1.5rem; }
    .content-area { padding: 1.25rem; }
    .page-header h4 { font-size: 1.25rem; }
}
@media (max-width: 768px) {
    .hero-section { padding: 3rem 0 4rem; }
    .hero-section h1 { font-size: 1.8rem; letter-spacing: -0.5px; }
    .hero-section p.hero-subtitle { font-size: 0.95rem; }
    .hero-section .hero-cta { flex-direction: column; width: 100%; }
    .hero-section .btn-hero-primary,
    .hero-section .btn-hero-outline { width: 100%; text-align: center; justify-content: center; }
    .hero-float-card { padding: 1.25rem; }
    .hero-float-card .feature-pill { padding: 0.6rem 0.8rem; }
    .trust-bar .trust-inner { padding: 1.25rem 0.75rem; }
    .trust-bar .stat-number { font-size: 1.3rem; }
    .trust-bar .stat-label { font-size: 0.72rem; }
    .section-title h2 { font-size: 1.5rem; }
    .section-title p { font-size: 0.95rem; }
    .login-card { padding: 2rem 1.5rem; margin: 1rem; }
    .stats-card { padding: 1.25rem; }
    .stats-card .stats-number { font-size: 1.4rem; }
    .dashboard-card { padding: 1.25rem; }
    .dashboard-card .card-value { font-size: 1.4rem; }
    .table-responsive { border-radius: var(--ff-card-radius); }
    .filter-bar .row > div { margin-bottom: 0.5rem; }
    .page-header { flex-direction: column; align-items: flex-start; }
    .emi-calc-card { padding: 1.5rem; }
    .emi-result-card { padding: 1.25rem; margin-top: 1.5rem; }
    .emi-result-card .emi-big { font-size: 2rem; }
    .cta-section h2 { font-size: 1.6rem; }
    .cta-section p { font-size: 0.95rem; }
}
@media (max-width: 576px) {
    .hero-section h1 { font-size: 1.5rem; }
    .hero-section .hero-badge { font-size: 0.7rem; padding: 0.3rem 0.8rem; }
    .section-title h2 { font-size: 1.3rem; }
    .loan-card { padding: 1.25rem; }
    .loan-card .loan-icon { width: 50px; height: 50px; font-size: 1.2rem; }
    .feature-card { padding: 1.5rem 1rem; }
    .feature-card .feature-icon { width: 60px; height: 60px; font-size: 1.3rem; }
    .testimonial-card { padding: 1.25rem; }
    .stats-card .stats-icon { width: 42px; height: 42px; font-size: 1.1rem; }
    .dashboard-card .card-icon { width: 40px; height: 40px; font-size: 1.1rem; }
    .notification-panel { width: 100%; max-width: 100%; }
}