body {
      background: linear-gradient(to right, #1e3c72, #2a5298);
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Segoe UI', sans-serif;
      color: #1a1a2e;
    }

    .card {
      width: 100%;
      max-width: 550px;
      border-radius: 20px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.3);
      padding: 30px;
      background-color: #fff;
    }

    h3 {
      color: #003366;
      font-weight: bold;
      text-align: center;
      margin-bottom: 25px;
    }

    .form-label {
      color: #003366;
      font-weight: 500;
    }

    .form-control {
      border-radius: 10px;
    }

    .error {
      color: red;
      font-size: 0.9rem;
      margin-top: 2px;
    }

    .btn-primary {
      background-color: #003366;
      border: none;
      border-radius: 10px;
    }

    .btn-primary:hover {
      background-color: #002244;
    }