.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:#fff;font-family:sans-serif}.login-form-container{width:100%;max-width:360px;padding:32px}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-top:24px}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.form-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-error{color:#dc2626;font-size:12px;margin-top:4px}.form-footer{justify-content:space-between;margin-top:4px}.form-footer,.remember-me{display:flex;align-items:center}.remember-me{gap:8px}.checkbox-input{width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.checkbox-label{font-size:14px;color:#374151;cursor:pointer}.forgot-password{font-size:14px;color:#2563eb;text-decoration:none}.forgot-password:hover{text-decoration:underline}.error-message{background-color:#fef2f2;color:#dc2626;padding:8px 12px;border-radius:4px;font-size:14px;margin-top:8px}.submit-button{width:100%;padding:10px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:#1d4ed8}.submit-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.login-form-container{padding:24px 16px}}