:root{--font-family:"Poppins",sans-serif;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--orange-950:#431407;--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sky-950:#082f49;--main-color:var(--sky-500);--main-color-hover:var(--sky-600)}.checkbox-container{cursor:pointer;display:block;font-size:22px;margin-bottom:12px;padding-left:35px;position:relative;user-select:none}.checkbox-container input{cursor:pointer;opacity:0;position:absolute}.checkbox-container input~.checkmark{transition:all .2s}.checkmark{height:37px;left:0;position:absolute;top:0;width:37px}.checkbox-container input:checked~.checkmark,.checkbox-container:hover input~.checkmark,.checkmark{background-color:var(--main-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid var(--main-color);border-width:0 3px 3px 0;height:10px;left:15px;top:11px;transform:rotate(45deg);width:5px}*{box-sizing:border-box}body,html{height:100%;overflow:hidden;width:100%}body{font-family:Poppins,sans-serif;margin:0}.back{height:100vh;margin:0 0 0 400px;width:calc(100vw - 400px)}.back img{height:100%;object-fit:cover;width:100%}#login{background:#fff;box-shadow:10px 0 50px rgba(0,0,0,.2);box-sizing:border-box;height:100%;padding:40px;position:fixed;width:400px}@media screen and (max-width:768px){#login{height:100%;margin:0;overflow:scroll;width:100%}}#login .logo{font-family:Galada,sans-serif;margin-bottom:20px}#login .logo h1{color:var(--main-color);font-size:60px;font-weight:400;margin-top:0;text-align:center}#login input{border:1px solid var(--gray-200);border-radius:100px;font-family:var(--font-family);font-size:14px;margin-bottom:20px;outline:none;padding:10px 20px;width:100%}#login input,#login label{color:var(--gray-600);display:block}#login label{font-size:12px;font-weight:500;margin-bottom:10px}#login .remember{align-items:center;display:flex;margin-bottom:20px}#login .remember .checkbox-container .checkmark{background-color:#fff;border:1px solid var(--gray-200);border-radius:10px}#login .remember label{color:var(--gray-600);height:37px;line-height:37px;padding:0 0 0 25px}#login #_submit{-webkit-appearance:none;background:var(--main-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:var(--font-family);height:40px;line-height:40px;outline:none;padding:0;transition:background-color .2s,color .2s;width:100%}#login #_submit i{font-size:14px;padding:0 5px 0 0}#login #_submit:hover{background:var(--main-color-hover)}.alert-error{background:var(--red-500);border-radius:0 0 3px 3px;box-sizing:border-box;color:#fff;font-size:14px;margin:0 auto;padding:20px 40px;text-align:center;width:400px}