/* ============================================================
   login.css — Login page styles
   Extracted from templates/accounts/login.html
   ============================================================ */

body {
  background: linear-gradient(135deg, #012970 0%, #1565c0 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
  width: 100%;
  max-width: 420px;
  padding: 40px;
}
.login-logo { text-align: center; margin-bottom: 28px; }
.login-logo i { font-size: 3rem; color: #012970; }
.login-logo h1 {
  font-size: 1.5rem; font-weight: 700; color: #012970;
  margin-top: 8px; font-family: 'Nunito', sans-serif;
}
.login-logo p { color: #6c757d; font-size: .85rem; }
.form-control {
  border-radius: 10px;
  padding: 10px 14px;
  border: 1.5px solid #dee2e6;
}
.form-control:focus {
  border-color: #4154f1;
  box-shadow: 0 0 0 3px rgba(65,84,241,.1);
}
.btn-login {
  background: linear-gradient(90deg, #012970, #4154f1);
  color: #fff; border: none; border-radius: 10px;
  padding: 12px; width: 100%;
  font-weight: 600; font-size: 1rem;
}
.btn-login:hover { opacity: .9; color: #fff; }