body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; }
    .navbar-brand { font-weight: 700; font-size: 1.8rem; }
    .hero-section {
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1551958219-acbc608c6377?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
      background-size: cover; background-position: center; color: #fff; padding: 150px 0; text-align: center;
    }
    .section-padding { padding: 80px 0; }
    .bg-light { background-color: #f8f9fa !important; }
    .card { border: none; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; }
    .card:hover { transform: translateY(-10px); }
    .friendlink a.flink {
      display: inline-block; margin: 10px; padding: 12px 25px; background: #fff; border-radius: 8px;
      text-decoration: none; color: #007bff; border: 2px solid #007bff; font-weight: 600;
      transition: all 0.3s ease;
    }
    .friendlink a.flink:hover { background: #007bff; color: #fff; transform: scale(1.05); }
    .footer { background: #2c3e50; color: #ecf0f1; padding: 50px 0; }
    .footer a { color: #ecf0f1; text-decoration: none; }
    .footer a:hover { color: #1abc9c; }
    .form-control:focus { border-color: #1abc9c; box-shadow: 0 0 0 0.25rem rgba(26, 188, 156, 0.25); }
    .btn-primary { background-color: #1abc9c; border-color: #1abc9c; }
    .btn-primary:hover { background-color: #16a085; border-color: #16a085; }
    @media (max-width: 768px) {
      .hero-section h1 { font-size: 2.5rem; }
      .section-padding { padding: 50px 0; }
    }