.login-container{background:linear-gradient(135deg,#f5f7fa 0%,#e4e7eb 100%);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}.login-form-container{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:3rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}.login-form-container:hover{transform:translateY(-5px)}.login-form-container h1{text-align:center;color:#2d3748;margin-bottom:2.5rem;font-size:1.9rem;font-weight:700}.login-form-container .google-signin-container{flex-direction:column;align-items:center;margin:0 0 3rem;padding:0;display:flex}.login-form-container .google-signin-container .or-divider{margin:2.5rem 0 0}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{margin-bottom:.5rem}.form-group label{color:#4a5568;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#fff;border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e126}.error-message{color:#c53030;background-color:#fff5f5;border-left:4px solid #e53e3e;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.login-form .login-button{background-color:var(--deep-navy);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;width:100%;padding:.9rem;font-size:1rem;font-weight:500;transition:background-color .2s,transform .1s}.login-form .login-button:hover{background-color:#2a3b59;transform:translateY(-1px)}.login-form .login-button:active{transform:scale(.98)}.login-form .login-button:disabled{cursor:not-allowed;background-color:#a0aec0;transform:none}.form-footer{justify-content:center;align-items:center;margin-top:1rem;margin-bottom:1rem;display:flex}.remember-me{color:#4a5568;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.remember-me input[type=checkbox]{accent-color:#3182ce;width:16px;height:16px}.forgot-password{color:#3182ce;font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#2c5282;text-decoration:underline}.signup-link{text-align:center;color:#4a5568;margin-top:1.5rem;font-size:.95rem}.signup-link a{color:#3182ce;margin-left:5px;font-weight:600;text-decoration:none;transition:color .2s}.signup-link a:hover{color:#2c5282;text-decoration:underline}@media (max-width:500px){.login-form-container{padding:2rem}.form-footer{flex-direction:column;align-items:flex-start;gap:1rem}}