*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:#fff;color:#303030;height:100vh;display:flex;justify-content:center;align-items:center}.login-container{display:flex;width:100%;max-width:1440px;height:100vh;max-height:1024px;position:relative}.login-form-container{width:50%;padding:30px 40px 0;display:flex;flex-direction:column;justify-content:flex-start}.login-form-container .logo{margin-bottom:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.logo-img{width:240px;max-width:100%;height:auto;margin-bottom:8px;display:block}.login-form-container .logo h1{font-family:Montserrat,sans-serif;font-size:28px;font-weight:500;color:#303030;margin-bottom:8px;line-height:1}.login-form-container .logo span{color:#515def}.login-form-container .logo p{font-size:14px;color:#303030bf;line-height:1}.login-title{font-size:40px;font-weight:600;line-height:60px;color:#303030;margin-bottom:16px}.login-subtitle{font-size:16px;font-weight:400;line-height:24px;color:#303030bf;margin-bottom:24px}.form-group{position:relative;margin-bottom:24px}.form-control{width:100%;height:56px;border:1px solid #79747e;border-radius:4px;padding:24px 16px 8px;font-size:16px;font-family:Poppins,sans-serif;color:#1c1b1f;background-color:#fff}.form-control:focus{outline:none;border-color:#3b82f6}.form-label{position:absolute;left:16px;top:4px;font-size:14px;font-weight:400;line-height:21px;color:#1c1b1f;background-color:#fff;padding:0 4px}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;border:none;background:none;padding:0}.password-toggle img{width:100%;height:100%;object-fit:contain}.form-control[type=password],.form-control[type=text]{padding-right:45px}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:8px}.remember-me label{font-size:14px;font-weight:500;line-height:21px;color:#303030}.forgot-password{font-size:14px;font-weight:500;line-height:21px;color:#1e4ae9;text-decoration:underline;cursor:pointer}.login-btn{width:100%;height:48px;background-color:#3b82f6;border:none;border-radius:4px;color:#f3f3f3;font-size:14px;font-weight:600;line-height:21px;cursor:pointer;margin-bottom:12px;transition:background-color .3s}.login-btn:hover{background-color:#2563eb}.signup-text{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:18px;color:#303030;text-align:center;margin-bottom:10px}.signup-link{color:#1e4ae9;text-decoration:none;cursor:pointer}.signup-link:hover{text-decoration:underline}.divider{display:flex;align-items:center;margin-bottom:25px}.divider-line{flex-grow:1;height:1px;background-color:#30303040}.divider-text{padding:0 15px;font-size:14px;font-weight:400;line-height:21px;color:#30303080}.social-login{display:flex;justify-content:space-between;gap:16px}.social-btn{flex:1;height:56px;border:1px solid #515def;border-radius:4px;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s}.social-btn:hover{background-color:#515def0d}.social-icon{width:24px;height:24px}.login-image{width:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:70vh;margin-top:145px}.login-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px}.message{margin:0 10px 15px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;font-size:15px;line-height:1.5;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent}.alert-success{background-color:#f0fdf4;border-color:#34d399;color:#065f46}.alert-danger{background-color:#fef2f2;border-color:#f87171;color:#991b1b}.alert .close{margin-left:auto;cursor:pointer;background:transparent;border:none;font-size:1.25rem;opacity:.7;transition:opacity .2s}.alert .close:hover{opacity:1}@media (max-width: 1024px){.login-container{flex-direction:column;height:auto}.login-form-container,.login-image{width:100%}.login-image{order:-1;height:300px}.login-image img{position:relative;top:0;width:100%;height:300px;border-radius:0}.login-form-container{padding:40px}.login-form-container .logo{margin-bottom:30px;text-align:center}}@media (max-width: 768px){.social-login{flex-direction:column}.login-form-container{padding:30px}.login-form-container .logo h1{font-size:24px}.login-form-container .logo p{font-size:12px}.login-title{font-size:32px;line-height:48px;margin-bottom:12px}.login-subtitle{font-size:14px;line-height:21px;margin-bottom:24px}}