:root{--primary-color:#1a365d;--secondary-color:#2d3748;--accent-color:#4299e1;--light-bg:#f7fafc;--text-color:#2d3748;--text-light:#718096}body{background-color:var(--light-bg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--primary-color);padding:1rem 0}.navbar-brand{color:#fff;font-weight:600;font-size:1.5rem}.login-container{max-width:400px;margin:4rem auto;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgb(0 0 0 / .1)}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.login-header p{color:var(--text-light);font-size:.95rem}.form-control{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;transition:all 0.3s}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgb(66 153 225 / .1)}.form-label{color:var(--secondary-color);font-weight:500;margin-bottom:.5rem}.btn-login{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;width:100%;transition:all 0.3s}.btn-login:hover{background-color:#2d3748;transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.form-check-label{color:var(--text-light)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.forgot-password{text-align:right;margin-top:.5rem}.forgot-password a{color:var(--accent-color);text-decoration:none;font-size:.9rem}.forgot-password a:hover{text-decoration:underline}.alert{border-radius:8px;padding:.75rem 1rem}.signup-link{text-align:center;margin-top:1.5rem;color:var(--text-light)}.signup-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.footer{margin-top:auto;background-color:var(--primary-color);color:#fff;padding:1.5rem 0;text-align:center}.footer p{margin:0;color:#cbd5e0;font-size:.9rem}.spinner-border{width:1rem;height:1rem;border-width:.15em}@media (max-width:576px){.login-container{margin:2rem 1rem;padding:1.5rem}}