.login2{--heading:#4b5966;--body:#4b5966;--border:#ececec;--link:#000;--label:#0a0a0a;--placeholder:#4b5966;--btn-bg:#000;--btn-text:#fff;--error:#dc2626;background:#fff;min-height:70vh;padding:64px 16px 96px}.login2 .login2-head{text-align:center;max-width:720px;margin:0 auto 48px;padding-top:24px}.login2 .login2-head h1{color:var(--heading);text-transform:capitalize;margin-bottom:14px;font-family:Poppins,Inter,sans-serif;font-size:32px;font-weight:700;line-height:1.15}.login2 .login2-head p{color:var(--heading);margin:0;font-family:Poppins,Inter,sans-serif;font-size:16px;line-height:1.6}.login2 .login2-card{width:100%;max-width:552px;margin:0 auto}.login2 .login2-field{margin-bottom:20px}.login2 .login2-field label{color:var(--heading);text-transform:capitalize;margin-bottom:8px;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:600;display:block}.login2 .login2-input-wrap{align-items:center;display:flex;position:relative}.login2 .login2-input-wrap input.form-control{border:1px solid var(--border);width:100%;height:50px;color:var(--heading);box-shadow:none;background:#fff;border-radius:8px;padding:8px 16px;font-family:Poppins,Inter,sans-serif;font-size:16px;transition:border-color .2s}.login2 .login2-input-wrap input.form-control:focus{border-color:var(--heading);box-shadow:none;outline:none}.login2 .login2-input-wrap input.form-control::placeholder{color:var(--placeholder);opacity:.4}.login2 .login2-input-wrap.has-icon input.form-control{padding-right:48px}.login2 .login2-eye-btn{width:32px;height:32px;color:var(--heading);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login2 .login2-eye-btn:hover{color:var(--link)}.login2 .login2-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 24px;display:flex}.login2 .login2-remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--label);align-items:center;gap:10px;font-family:Poppins,Inter,sans-serif;font-size:15.2px;display:inline-flex}.login2 .login2-remember input[type=checkbox]{width:20px;height:20px;accent-color:var(--link);cursor:pointer}.login2 .login2-forgot{color:var(--link);font-family:Poppins,Inter,sans-serif;font-size:15.2px;font-weight:600;text-decoration:none}.login2 .login2-forgot:hover{text-decoration:underline}.login2 .login2-submit{background:var(--btn-bg);width:100%;height:56px;color:var(--btn-text);cursor:pointer;text-transform:capitalize;border:none;border-radius:16px;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s,transform .15s}.login2 .login2-submit:hover:not(:disabled){opacity:.9}.login2 .login2-submit:active:not(:disabled){transform:translateY(1px)}.login2 .login2-submit:disabled{opacity:.6;cursor:not-allowed}.login2 .login2-divider{color:var(--heading);opacity:.75;align-items:center;gap:14px;margin:22px 0 18px;font-family:Poppins,Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.login2 .login2-divider:before,.login2 .login2-divider:after{content:"";background:var(--border);flex:1;height:1px}.login2 .login2-divider span{white-space:nowrap}.login2 .login2-social{gap:12px;display:grid}.login2 .login2-social-btn{border:1px solid var(--border);height:52px;color:var(--heading);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-family:Poppins,Inter,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s,background-color .2s,transform .15s;display:inline-flex}.login2 .login2-social-btn:hover{border-color:var(--heading);background:#fafafa}.login2 .login2-social-btn:active{transform:translateY(1px)}.login2 .login2-social-btn svg{flex-shrink:0;width:22px;height:22px}.login2 .login2-foot{text-align:center;color:var(--heading);margin-top:22px;font-family:Poppins,Inter,sans-serif;font-size:16px}.login2 .login2-foot a{color:var(--link);margin-left:4px;font-weight:600;text-decoration:none}.login2 .login2-foot a:hover{text-decoration:underline}.login2 .login2-error{color:var(--error);margin-top:6px;font-size:13px}@media (max-width:575px){.login2{padding:32px 16px 56px}.login2 .login2-head h1{font-size:26px}.login2 .login2-head p{font-size:14.5px}.login2 .login2-head{margin-bottom:32px}.login2 .login2-input-wrap input.form-control{height:46px;font-size:15px}.login2 .login2-submit{border-radius:12px;height:50px}.login2 .login2-social{grid-template-columns:1fr}.login2 .login2-social-btn{border-radius:12px;height:50px}}[dir=rtl] .login2 .login2-input-wrap.has-icon input.form-control{padding-left:48px;padding-right:16px}[dir=rtl] .login2 .login2-eye-btn{left:8px;right:auto}[dir=rtl] .login2 .login2-foot a{margin-left:0;margin-right:4px}