h2 { font-size: 18px; font-weight: 700; color: #1a2340; margin-bottom: 24px; text-align: center; }

.form-group { margin-bottom: 18px; }
label { display: block; font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 6px; }
input[type=text], input[type=password] {
  width: 100%; padding: 10px 14px;
  border: 1.5px solid #e2e8f0; border-radius: 6px;
  font-size: 14px; color: #1a2340; outline: none;
  transition: border-color 0.15s; font-family: inherit;
}
input:focus { border-color: #4a90d9; box-shadow: 0 0 0 3px rgba(74,144,217,0.12); }

.error-msg { background: #fff5f5; border: 1px solid #fc8181; border-radius: 6px; padding: 10px 14px; font-size: 13px; color: #c53030; margin-bottom: 16px; }

.btn-login {
  width: 100%; padding: 12px; background: #1a2340; color: #fff;
  font-size: 15px; font-weight: 600; border: none; border-radius: 6px;
  cursor: pointer; font-family: inherit;
}
.btn-login:hover { background: #2d3e6b; }

.footer-links { margin-top: 20px; text-align: center; font-size: 13px; color: #a0aec0; }
.footer-links a { color: #4a90d9; text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }