body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #f4f6f8;
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
  }
  

  .login-card {
    background: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
    max-width: 400px;
    width: 100%;
  }

  .login-title {
    text-align: center;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #222;
  }

  .form-label { font-weight: 600; }
  .form-control { font-size: 15px; }
  .btn-primary { background-color: #0056b3; border-color: #0056b3; font-weight: 600; }
  .btn-primary:hover { background-color: #004799; }
  .alert { font-size: 14px; }