body {
     background-color: #f4f6f9;
     min-height: 100vh;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
 }

 .login-container {
     max-width: 380px;
     width: 100%;
 }

 .login-card {
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     background: #ffffff;
 }

 .login-title {
     font-size: 1.4rem;
     font-weight: 600;
     color: #111827;
 }

 .login-subtitle {
     font-size: 0.9rem;
     color: #6b7280;
 }

 .form-label {
     font-size: 0.85rem;
     font-weight: 500;
     color: #374151;
 }

 .form-control {
     border-radius: 8px;
     border-color: #d1d5db;
 }

 .form-control:focus {
     border-color: #2563eb;
     box-shadow: none;
 }

 .btn-primary {
     background-color: #2563eb;
     border: none;
     border-radius: 8px;
 }

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

 a {
     color: #2563eb;
     text-decoration: none;
     font-size: 0.85rem;
 }

 a:hover {
     text-decoration: underline;
 }