:root{--txt-color:#000;--heading-txt-color:#2fa5d0;--bg:white;--icon:#2896c8;--icon-hover:#7ec0de;--border-color:#69b6d9;--border-color-focus:#53abd3;--input-color:#fff;--input-placeholder:gray;--input-hover:rgba(255,255,255,.09);--error-color:#f00;--glass-box-shadow:none;--glass-box-shadow--hover:none;--logbtn-bg-color:#2896c8;--canbtn-bg-color:#94cbe4;--btn-bg-color-hover:#7ec0de;--btn-text-hover:#333}@media(prefers-color-scheme:light){html[data-theme="system"]{--txt-color:#000;--heading-txt-color:#2fa5d0;--bg:white;--icon:#2896c8;--icon-hover:#7ec0de;--border-color:#69b6d9;--border-color-focus:#53abd3;--input-color:#fff;--input-placeholder:gray;--input-hover:rgba(255,255,255,.09);--error-color:#f00;--glass-box-shadow:none;--glass-box-shadow--hover:none;--logbtn-bg-color:#2896c8;--canbtn-bg-color:#94cbe4;--btn-bg-color-hover:#7ec0de;--btn-text-hover:#333}}html[data-theme="dark"]{--txt-color:#fff;--heading-txt-color:#fff;--bg:#08182c;--icon:white;--icon-hover:#717f93;--border-color:rgba(255,255,255,.2);--border-color-focus:#666f7c;--input-color:#0d2342;--input-placeholder:lightgrey;--input-hover:#0f294d;--error-color:#f00;--glass-box-shadow:inset 1px 1px 3px rgba(255,255,255,.3),inset -2px -2px 4px rgba(255,255,255,.05),0 8px 25px rgba(0,0,0,.3);--glass-box-shadow--hover:inset 0 1px 3px rgba(255,255,255,.25),0 0 15px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.4);--logbtn-bg-color:#0d2342;--canbtn-bg-color:#112f58;--btn-bg-color-hover:#0f294d}@media(prefers-color-scheme:dark){html[data-theme="system"]{--txt-color:#fff;--heading-txt-color:#fff;--bg:#08182c;--icon:white;--icon-hover:#717f93;--border-color:rgba(255,255,255,.2);--border-color-focus:#666f7c;--input-color:#0d2342;--input-placeholder:lightgrey;--input-hover:#0f294d;--error-color:#f00;--glass-box-shadow:inset 1px 1px 3px rgba(255,255,255,.3),inset -2px -2px 4px rgba(255,255,255,.05),0 8px 25px rgba(0,0,0,.3);--glass-box-shadow--hover:inset 0 1px 3px rgba(255,255,255,.25),0 0 15px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.4);--logbtn-bg-color:#0d2342;--canbtn-bg-color:#112f58;--btn-bg-color-hover:#0f294d}}body{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}a,button,input,text,textarea{text-decoration:none}.wrapper{display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%}.everythingLogoImage{width:50%;object-fit:cover;display:block}.containerLogin,.emailContainer{width:50%;background-color:var(--bg);border:0;border-left:1px solid #fff;box-shadow:0 0 5px #e1e1e1;align-content:center;justify-items:center}.containerLogin form,.emailContainer form{width:60%;margin:0 auto}.containerLogin h1,.emailContainer h1{padding:5px;color:var(--heading-txt-color);text-align:center;text-transform:uppercase;font-family:Corbel,Arial;text-align-last:center;font-size:clamp(1.4rem,2.6vw,2.3rem)}.containerLogin h6,.emailContainer h6{text-align:center;margin-bottom:25px;font-family:Corbel,Arial;font-size:18px;color:var(--txt-color);font-weight:normal}.linkContainer{display:flex;flex-direction:column;text-align:end;padding-bottom:15px}.linkButton{font-size:clamp(.9rem,1.5vw,1rem);font-family:Corbel,Arial;color:#b2b2b2;background-color:transparent;border-style:none;text-decoration:underline}.linkButton:hover{color:#cecece}.logError{color:var(--error-color)!important;font-size:18px;text-align-last:center;font-family:Corbel,Arial;padding-bottom:10px}.buttonContainer{display:flex;justify-content:center;gap:10px}.backButtonContainer{text-align:center;margin-bottom:15px;width:70%}.user-box{display:flex;flex-direction:column;position:relative}.user-box label{font-size:16px;color:#333;font-family:Corbel,Arial;margin-bottom:8px;padding-left:10px;color:var(--txt-color)}.user-box input,textarea{height:auto;min-height:35px;font-size:14px;color:var(--txt-color);border:1px solid var(--border-color);border-radius:20px;padding:10px 15px;margin-bottom:10px;font-family:Corbel,Arial;background:var(--input-color);backdrop-filter:blur(15px) saturate(100%);-webkit-backdrop-filter:blur(15px) saturate(160%);box-shadow:var(--glass-box-shadow)}.user-box textarea{height:50px}.user-box input:hover,textarea:hover{background:var(--input-hover);box-shadow:var(--glass-box-shadow--hover)}.user-box input:focus,.user-box textarea:focus{border:2px solid var(--border-color-focus);outline:0}.user-box input::placeholder{color:var(--input-placeholder)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:color 9999s ease-out,background-color 9999s ease-out;-webkit-transition-delay:9999s;-webkit-box-shadow:var(--glass-box-shadow) inset!important;backdrop-filter:blur(15px) saturate(100%);-webkit-backdrop-filter:blur(15px) saturate(160%)}.password-toggle-icon{position:absolute;top:77%;right:15px;transform:translateY(-50%);cursor:pointer}.password-toggle-icon i{font-size:18px;line-height:1;color:var(--icon);transition:color .3s ease-in-out;margin-bottom:20px}.password-toggle-icon i:hover{color:var(--icon-hover)}.logButton{text-align:center;width:80%;height:35px;font-size:16px;transition:.5s;letter-spacing:2px;border-radius:15px;font-family:Corbel,Arial;border-style:none;color:#fff;font-weight:bold;background-color:var(--logbtn-bg-color);backdrop-filter:blur(15px) saturate(100%);-webkit-backdrop-filter:blur(15px) saturate(160%);box-shadow:var(--glass-box-shadow);transition:all .3s ease}.logButton:hover{color:#fff;border:0;transition:.5s;cursor:pointer;background:var(--btn-bg-color-hover);box-shadow:var(--glass-box-shadow--hover)}.canButton{align-content:center;text-align:center;width:80%;height:35px;font-size:16px;transition:.5s;letter-spacing:2px;border-radius:15px;font-family:Corbel,Arial;border:0;color:#fff;font-weight:bold;background-color:var(--canbtn-bg-color);backdrop-filter:blur(15px) saturate(100%);-webkit-backdrop-filter:blur(15px) saturate(160%);box-shadow:var(--glass-box-shadow);transition:all .3s ease}.canButton:hover{background:var(--btn-bg-color-hover);color:#fff;box-shadow:var(--glass-box-shadow--hover)}.infoText{text-align:start;margin-top:5px;margin-bottom:5px;color:#808080;font-size:clamp(.9rem,1.5vw,1rem);font-family:Corbel,Arial}*{margin:0;padding:0;box-sizing:border-box}.checkIcon,.notExistEmojiFrown{color:var(--icon);display:block;width:100px;height:100px}.emailMsg{text-align:center;font-size:clamp(1rem,1.4vw,1.2rem);color:var(--txt-color);font-family:Corbel,Arial;padding-bottom:15px}@media(max-width:768px){.everythingLogoImage{width:100%;height:25%;object-fit:cover;display:block}.wrapper{flex-direction:column;justify-content:revert}.emailContainer .user-box{height:auto}.emailContainer .user-box label{font-size:18px;height:15px}.emailContainer .user-box input,.emailContainer textarea{font-size:16px;height:30px}.emailContainer .buttonContainer{padding-top:0}.containerLogin{align-content:start;padding-top:20px;width:100%;border:0;height:100%}.containerLogin form,.emailContainer form{width:80%;margin:0 auto;height:100%!important}.emailContainer{position:relative;width:100%;border:0;align-content:start;height:100%!important}.buttonContainer{align-content:start;margin-bottom:0;gap:10px;flex-wrap:wrap-reverse;height:20%}.backButtonContainer{align-content:center;height:15%}.checkIcon,.notExistEmojiFrown{padding-top:15px}.user-box input,textarea{font-size:16px}.user-box textarea{height:35px}.logButton,.canButton{margin-bottom:0%;margin-top:0;font-size:14px}.password-toggle-icon{right:5%}}@media(min-width:768px) and (max-width:1400px) and (orientation:landscape){body{height:83vh}.checkIcon,.notExistEmojiFrown{width:20%;height:15%}.emailMsg{font-size:20px}.logButton,.canButton{font-size:13px}}@media(min-width:768px) and (max-width:1400px) and (orientation:portrait){.everythingLogoImage{width:100%;height:30%;object-fit:cover;display:block}.wrapper{flex-direction:column}.linkButton{font-size:23px}.containerLogin{width:100%;border:0;height:75%;align-content:start;padding-top:15px}.containerLogin form,.emailContainer form{width:80%}.containerLogin h1,.emailContainer h1{font-size:45px;padding-bottom:25px}.containerLogin h6,.emailContainer p{font-size:25px}.buttonContainer{align-content:start;padding-top:15px;margin-bottom:0;gap:10px;flex-wrap:wrap-reverse;height:10%}.logButton,.canButton{height:45px;font-size:20px}.user-box label{font-size:24px;margin-bottom:12px;padding-left:10px}.user-box input,textarea{height:45px;font-size:20px!important;margin-bottom:20px}.password-toggle-icon i{margin-bottom:33px;font-size:25px}.emailContainer{width:100%;border-top-right-radius:30px;border-bottom-left-radius:0;height:85%;align-content:start;padding-top:15px;margin-top:0}.emailContainer .user-box{height:auto}.emailContainer .user-box label{font-size:24px;height:25px}.emailContainer .user-box input,.emailContainer textarea{font-size:20px;height:45px}.emailContainer .buttonContainer{padding-top:0}.checkIcon,.notExistEmojiFrown{width:20%;height:25%;padding-top:20px}.emailMsg{font-size:26px;padding-bottom:25px}.infoText{font-size:20px}.logError{font-size:25px}}