@charset "utf-8";
/* CSS Document */

    /* Exact same :root, body, navbar, hero, section-title, card, list-check, footer styles as before */
    :root {
      --primary: #1e3a8a;
      --primary-dark: #172554;
      --secondary: #f97316;
      --light-bg: #f8fafc;
    }
    body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; line-height: 1.7; color: #333; }
    .navbar { background-color: var(--primary); box-shadow: 0 2px 10px rgba(0,0,0,0.15); }
    .navbar-brand { font-weight: 700; font-size: 1.45rem; color: white !important; }
    .nav-link { color: white !important; font-weight: 500; }
    .nav-link:hover, .nav-link.active { color: var(--secondary) !important; }
    .hero { background: linear-gradient(rgba(30, 58, 138, 0.82), rgba(30, 58, 138, 0.88)), url('https://images.unsplash.com/photo-1581093450021-4a7360e9a6b5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2340&q=80'); background-size: cover; background-position: center; color: white; padding: 9rem 0 7rem; text-align: center; }
    .section-title { color: var(--primary); font-weight: 700; position: relative; padding-bottom: 0.8rem; margin-bottom: 2.2rem; }
    .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--secondary); border-radius: 2px; }
    .card { border: none; box-shadow: 0 6px 20px rgba(0,0,0,0.08); transition: transform 0.25s ease, box-shadow 0.25s ease; }
    .card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
    .list-check li { position: relative; padding-left: 1.8rem; margin-bottom: 0.9rem; }
    .list-check li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--secondary); position: absolute; left: 0; top: 2px; }
    footer { background-color: var(--primary-dark); color: #e2e8f0; padding: 4.5rem 0 2.5rem; }
    .footer-title { color: white; font-weight: 600; margin-bottom: 1.4rem; }
    .footer-link { color: #cbd5e1; text-decoration: none; transition: color 0.2s; }
    .footer-link:hover { color: var(--secondary); }
    @media (max-width: 767px) { .hero { padding: 6rem 0 5rem; } }