@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
        body { font-family: 'Inter', sans-serif; }
        h1, h2, h3, h4, .heading { font-family: 'Playfair Display', serif; }
        .hero-gradient { background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%); }
        .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .flink { display: inline-flex; align-items: center; padding: 0.75rem 1.5rem; background-color: #f8f9fa; border-radius: 0.5rem; border: 1px solid #e9ecef; transition: all 0.3s; margin: 0.5rem; }
        .flink:hover { background-color: #e9ecef; border-color: #dee2e6; text-decoration: none; }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: #3b82f6; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        @media (max-width: 768px) { .section-padding { padding-top: 3rem; padding-bottom: 3rem; } }