body {
        background-color: #f0f0f0;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }

      .form-container {
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        padding: 30px;
        max-width: 500px;
        width: 100%;
      }

      .header {
        text-align: center;
        margin-bottom: 25px;
      }

      .header h3 {
        color: #000;
        margin-bottom: 10px;
        font-weight: 600;
      }

      .header p {
        color: #555;
      }

      .form-floating {
        margin-bottom: 20px;
      }

      .form-control:focus {
        border-color: #000;
        box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
      }

      .btn-dark {
        width: 100%;
        padding: 12px;
        font-weight: 500;
        background-color: #000;
        border: none;
        transition: all 0.3s ease;
      }

      .btn-dark:hover {
        background-color: #333;
        transform: translateY(-2px);
      }

      .back-link {
        text-align: center;
        margin-top: 15px;
      }

      .back-link a {
        color: #000;
        text-decoration: none;
        transition: all 0.2s ease;
      }

      .back-link a:hover {
        text-decoration: underline;
      }

      @media (max-width: 576px) {
        .form-container {
          padding: 20px;
          margin: 0 15px;
        }
      }