*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:linear-gradient(135deg,#1f3a5f,#0f172a);min-height:100vh;display:flex}.login-container{width:100%;min-height:100vh;display:flex}.login-info{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.login-logo{width:200px;margin-bottom:32px}.login-info h1{margin-bottom:16px;font-size:26px;line-height:1.3}.login-info p{color:#fffc;max-width:380px;font-size:15px;line-height:1.7}.login-form-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex}.login-form{width:100%;max-width:380px}.login-form h2{color:#1f2937;margin-bottom:28px;font-size:22px}.login-form label{color:#374151;margin-top:16px;font-size:13px;font-weight:600;display:block}.login-form input{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-top:6px;padding:11px 14px;font-size:14px;transition:border-color .2s}.login-form input:focus{border-color:#0ea5a4;outline:none}.password-field{position:relative}.toggle-password{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0;font-size:18px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-login{color:#fff;cursor:pointer;background:#1f3a5f;border:none;border-radius:8px;width:100%;margin-top:28px;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.btn-login:hover{background:#162d4a}.btn-login:disabled{opacity:.6;cursor:not-allowed}.forgot-link{text-align:right;color:#0ea5a4;margin-top:14px;font-size:13px;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.register-text{text-align:center;color:#6b7280;margin-top:28px;font-size:13px}.register-text a{color:#0ea5a4;font-weight:600;text-decoration:none}.alert-msg{border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px;line-height:1.5}.alert-error{color:#dc2626;background:#fee2e2}.alert-success{color:#16a34a;background:#dcfce7}.alert-warning{color:#b45309;background:#fef9c3}@media (max-width:900px){.login-container{flex-direction:column}.login-info{text-align:center;align-items:center;padding:40px 24px}.login-info p{max-width:100%}.login-form-panel{padding:40px 24px}}