body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .navbar { box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .hero-section { background: linear-gradient(135deg, #1a237e 0%, #4a148c 100%); color: white; padding: 180px 0 120px; }
        .section-title { font-weight: 700; margin-bottom: 3rem; color: #2d3748; }
        .card { border: none; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; }
        .card:hover { transform: translateY(-10px); }
        .friendlink .flink { display: inline-block; margin: 10px; padding: 12px 24px; background: #f8f9fa; border-radius: 50px; text-decoration: none; color: #333; font-weight: 600; border: 2px solid transparent; transition: all 0.3s ease; }
        .friendlink .flink:hover { background: #4f46e5; color: white; border-color: #4f46e5; }
        footer a { text-decoration: none; }
        .form-control { border-radius: 10px; padding: 12px; }
        .btn-primary { background: #4f46e5; border: none; border-radius: 10px; padding: 12px 30px; }
        .btn-primary:hover { background: #4338ca; }
        @media (max-width: 768px) { .hero-section { padding: 150px 0 80px; } .section-title { font-size: 2rem; } }