body {
      background-image: url('../images/bg.jpg');
      background-size: cover;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .card {
      width: 100%;
      max-width: 400px;
      padding: 2rem;
      border: none;
      border-radius: 1rem;
      box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    }

    .form-control {
      border-radius: 0.5rem;      
      border:1px solid #C1C1C1;
    }

    .btn-primary {
      border-radius: 0.5rem;
    }

    .logo-text {
      font-weight: 600;
      font-size: 1.8rem;
      color: #2c5364;
    }

    .text-muted small {
      display: block;
      margin-top: 1rem;
    }