@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto+Slab:wght@300;400;500;600&display=swap');
        body { font-family: 'Inter', sans-serif; }
        h1, h2, h3, h4, .font-serif { font-family: 'Roboto Slab', serif; }
        .flink { transition: all 0.3s ease; border-bottom: 2px solid transparent; }
        .flink:hover { border-bottom-color: #3b82f6; color: #3b82f6; }
        .hero-bg { background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .gradient-text { background: linear-gradient(90deg, #3b82f6, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .friendlink { display: inline-block; margin: 0.5rem; padding: 0.5rem 1rem; background: #f8fafc; border-radius: 0.5rem; }
        .friendlink a.flink { color: #475569; text-decoration: none; }
        .friendlink a.flink:hover { color: #1d4ed8; }