.login-10{color:#212625;z-index:50;background:#f3f3f1;justify-content:center;align-items:center;font-family:inherit;display:flex;position:fixed;inset:0;overflow:hidden}.login-10 *{box-sizing:border-box}.login-10 h2,.login-10 p,.login-10 form,.login-10 label{margin:0;padding:0}.login-10 .card{background:#fff;border:8px solid #fff;border-radius:24px;width:720px;height:640px;position:relative;overflow:hidden;box-shadow:0 12px 80px #291e711f}.login-10 .card-bg{z-index:2;background:url(https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80) 50%/cover no-repeat;border-radius:18px;width:50%;transition:all .65s ease-in-out;position:absolute;top:0;bottom:0;left:0;transform:translate(100%)}.login-10 .card-bg:after{content:"";background:linear-gradient(135deg,#018556f2 0%,#016b4599 100%);border-radius:18px;position:absolute;inset:0}.login-10 .card.register .card-bg{transform:translate(0)}.login-10 .hero,.login-10 .form{opacity:0;visibility:hidden;width:50%;height:100%;transition:all .65s ease-in-out;position:absolute}.login-10 .hero.login,.login-10 .form.login{opacity:1;visibility:visible}.login-10 .card.register :is(.hero,.form).login{opacity:0;visibility:hidden}.login-10 .card.register :is(.hero,.form).register{opacity:1;visibility:visible}.login-10 .hero.login{left:50%;transform:translate(0)}.login-10 .card.register .hero.login{transform:translate(100%)}.login-10 .hero.register{transform:translate(-100%)}.login-10 .card.register .hero.register,.login-10 .form.login{transform:translate(0)}.login-10 .card.register .form.login{transform:translate(100%)}.login-10 .form.register{left:50%;transform:translate(-100%)}.login-10 .card.register .form.register{transform:translate(0)}.login-10 .hero{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex;color:#fff!important}.login-10 .card h2{text-shadow:0 2px 8px #0000004d;margin:0;font-weight:600}.login-10 .hero h2{color:#fff!important}.login-10 .hero p{opacity:.95;text-shadow:0 2px 8px #0000004d;margin:0 0 6px;line-height:1.45;color:#fff!important}.login-10 .hero .switch{color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#fff3;border:0;border-radius:12px;padding:12px 46px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.login-10 .hero .switch:hover{color:#212625;background:#f9f9f9}.login-10 .form{z-index:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:32px;display:flex}.login-10 .form h2{text-align:center;text-shadow:none;margin-bottom:8px;font-size:26px;font-weight:700}.login-10 .form form{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;display:flex}.login-10 .input-group{flex-direction:column;gap:4px;display:flex}.login-10 .form label{color:#2a2e35;margin-bottom:2px;font-size:13px;font-weight:600}.login-10 .form input:not([type=checkbox]){width:100%;height:48px;color:inherit;background:#eef0f5;border:0;border-radius:12px;outline:none;padding:0 16px;font-family:inherit;font-size:14px;transition:all .2s}.login-10 .form input:not([type=checkbox]):focus{box-shadow:0 0 0 2px #018556}.login-10 .form input::placeholder{color:#a6acb8}.login-10 .password-field{width:100%;position:relative}.login-10 .password-field input{padding-right:44px}.login-10 .eye{color:#8b909a;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-10 .eye:hover{color:#212625}.login-10 .remember-forgot{justify-content:space-between;align-items:center;margin:6px 0;font-size:13px;display:flex}.login-10 .remember{color:#5b6169;cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.login-10 .remember input{accent-color:#018556;cursor:pointer;width:16px;height:16px;margin:0}.login-10 .forgot{color:#018556;cursor:pointer;font-size:13px;font-weight:600}.login-10 .forgot:hover{text-decoration:underline}.login-10 .form button[type=submit]{color:#fff;letter-spacing:.5px;cursor:pointer;background:#018556;border:0;border-radius:12px;width:100%;height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s}.login-10 .form button[type=submit]:hover{background:#016b45}.login-10 .form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.login-10 .or{text-align:center;color:#9aa0ab;margin:6px 0;font-size:13px}.login-10 .socials{justify-content:center;gap:12px;display:flex}.login-10 .social-btn{cursor:pointer;background:#eef0f5;border:0;border-radius:14px;place-items:center;width:56px;height:46px;padding:0;transition:background .2s;display:grid}.login-10 .social-btn:hover{background:#e3e6ee}.login-10 .social-btn svg{width:20px;height:20px}.login-10 .error-text{color:#ef4444;white-space:pre-wrap;min-height:16px;margin-top:2px;font-size:11px}