@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');
        body { font-family: 'Inter', sans-serif; }
        h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; }
        .flink { display: inline-block; margin: 0.5rem 1rem; padding: 0.75rem 1.5rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 50px; font-weight: 600; text-decoration: none; transition: all 0.4s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .flink:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); }
        .hero-bg { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1550745165-9bc0b252726f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat; }
        .section-padding { padding: 5rem 1.5rem; }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
        .btn-primary { background: linear-gradient(90deg, #4f46e5, #7c3aed); color: white; padding: 0.75rem 2rem; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; }
        .btn-primary:hover { background: linear-gradient(90deg, #7c3aed, #4f46e5); transform: scale(1.05); }
        .footer-bg { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); }
        .friendlink-section { background: #f8fafc; }
        img { max-width: 100%; height: auto; }
        @media (max-width: 768px) { .section-padding { padding: 3rem 1rem; } }