body {
      transition: background-color 0.3s, color 0.3s;
    }
    .theme-toggle {
      position: fixed;
      top: 1rem;
      right: 1rem;
      z-index: 999;
    }
    .hero {
      background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
      color: white;
      padding: 5rem 2rem;
      text-align: center;
    }
    .project-card {
      border: none;
      box-shadow: 0 0 15px rgba(0,0,0,0.1);
      border-radius: 1rem;
      transition: transform 0.2s;
    }
    .project-card:hover {
      transform: scale(1.02);
    }
    footer {
      background-color: #f8f9fa;
      padding: 2rem 0;
    }
    [data-bs-theme="dark"] footer {
      background-color: #212529;
      color: white;
    }