section.login-register-page{background-image:url(../media/bg-log-reg-page.69835c7d.webp);background-position:50%;background-size:cover;gap:2vw;width:100%;min-height:102vh;padding:2vw;position:relative;justify-content:start!important}section.login-register-page .login-register-page-logo{width:12.5vw;margin-top:2vw;position:relative}section.login-register-page .login-register-page-logo svg{width:100%}section.login-register-page h2.privacy-msg{text-align:center;width:20vw;font-size:.85vw;font-weight:300;line-height:1.5vw}section.login-register-page h2.privacy-msg span{color:var(--red);margin:.2vw}.login-register-box{background-color:var(--light-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1.4vw;gap:2vw;width:30vw;height:27vw;transition:all .35s;box-shadow:0 0 1vw #0003;justify-content:start!important;overflow:hidden!important}.login-register-box.active{height:30vw}.login-register-tabs{z-index:6;width:100%;position:relative}.login-register-tabs button{width:50%;padding:.75vw;border-radius:0!important}.login-register-tabs button:first-child{border-radius:0 0 0 1vw!important}.login-register-tabs button:nth-child(2){border-radius:0 0 1vw!important}.login-register-tabs button.active{background:var(--light-bg);font-weight:700;color:var(--dark-font)!important}section.login-register-page .input-group input{background-color:#fff}section.login-register-page .input-group input:hover{background:0 0;border-color:#b0c2d3}section.login-register-page .input-group input:focus{background:0 0;border-color:#8796a2}@media screen and (max-width:450px){section.login-register-page{width:100%;min-height:100vh;justify-content:start!important;padding:15vw 0 0!important}.login-register-tabs button:first-child{border-radius:0 0 0 4vw!important}.login-register-tabs button:nth-child(2){border-radius:0 0 4vw!important}.login-register-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4vw;width:90vw;height:110vw;box-shadow:0 0 14px #00000040;gap:8vw!important;overflow:hidden!important}.login-register-box.active{position:relative;height:140vw!important}.login-register-tabs button{width:50%;padding:3vw;font-size:3.8vw;border-radius:0!important}section.login-register-page .login-register-page-logo{margin-bottom:6vw;width:42.5vw!important}section.login-register-page h2.privacy-msg{text-align:center;font-weight:300;width:80vw!important;font-size:3.85vw!important;line-height:5.5vw!important}}
.register-inputs-container{opacity:0;visibility:hidden;width:100%;height:30vw;padding:1vw;transition:all .5s;position:absolute;top:4vw;transform:translate(100%)}.register-inputs-container.active{opacity:1;visibility:visible;transform:translate(0)}.register-inputs-container form{gap:1.5vw;width:100%;height:100%;padding:1vw;position:relative;transform:translateY(-1.5vw)}.register-inputs-container form .input-group{width:100%;margin-bottom:.5vw;position:relative;align-items:start!important}.register-inputs-container form .input-group label{opacity:1;visibility:visible;color:#afbaca;height:1.25vw;padding:0 .7vw;font-size:.88vw;font-weight:400;transition:all .25s ease-in-out;position:absolute;top:-.6vw;right:1vw;background-color:var(--light-bg)!important;z-index:3!important;justify-content:center!important;align-self:center!important;display:flex!important}.register-inputs-container form .input-group:has(input:focus) label{color:#8796a2!important}.register-inputs-container form .input-group input{width:100%;height:3vw;font-size:.9vw;padding:.5vw 1vw!important}.register-inputs-container form .input-group div.error-msg{color:red;gap:.3vw;width:100%;font-size:.7vw;position:absolute;top:101%;right:.5vw;justify-content:start!important}.register-inputs-container form .input-group .drop-down-container{background-color:var(--light-bg);opacity:0;visibility:hidden;border-radius:.75vw;width:100%;height:0;position:absolute;bottom:102%;right:0;box-shadow:0 0 1vw #0000004d}body.dark .register-inputs-container form .input-group .drop-down-container{background-color:var(--dark-box-bg);box-shadow:0 0 1vw #00000080}.register-inputs-container form .input-group.open .drop-down-container{opacity:1;visibility:visible;height:12vw}.register-inputs-container form .input-group .drop-down-container ul{overflow:auto}.register-inputs-container form .input-group .drop-down-container ul li{gap:.2vw;padding:.8vw;font-family:IRANYekanX-FaNum,sans-serif;font-size:.85vw;justify-content:start!important}body.dark .register-inputs-container form .input-group .drop-down-container ul li{color:var(--light-font)}.register-inputs-container form .input-group .drop-down-container ul li i{font-size:.95vw}.register-inputs-container form .input-group .fa-caret-down{transition:all .25s;top:51%;font-size:1vw!important;position:absolute!important;right:94%!important}.register-inputs-container form .input-group.open .fa-caret-down{top:52%;transform:rotate(180deg)}.register-inputs-container form button[type=submit]{background:var(--red);min-width:60%;color:var(--light-bg);border-radius:.8vw;margin:1.5vw 2vw 2.5vw;padding:1vw .75vw;font-weight:600}.register-inputs-container form button[type=submit]:hover{filter:brightness(1.2)}@media screen and (max-width:450px){.register-inputs-container{height:100vw;position:absolute;top:16vw;justify-content:start!important;margin-top:2vw!important;padding:4vw 3vw 3vw!important;transform:translateY(10vw)!important}.register-inputs-container form{gap:4vw;height:100vw;justify-content:start!important;margin-top:3vw!important;padding:3vw 1vw 1vw!important}.register-inputs-container form .input-group{width:80vw;margin-bottom:4vw;position:relative;align-items:start!important}.register-inputs-container form .input-group label{margin-right:2vw;font-size:3.5vw}.register-inputs-container form .input-group input{width:100%;height:12vw;font-size:3.8vw;padding:1.65vw 3vw!important}.register-inputs-container form .input-group input::placeholder{font-size:3.8vw}.register-inputs-container form .input-group div.error-msg{gap:.6vw;font-size:2.7vw;top:101%;right:2vw}.register-inputs-container form .input-group .drop-down-container{border-radius:8px;box-shadow:0 0 14px #0000004d}body.dark .register-inputs-container form .input-group .drop-down-container{box-shadow:0 0 14px #00000080}.register-inputs-container form .input-group.open .drop-down-container{height:54vw}.register-inputs-container form .input-group .drop-down-container ul li{gap:1.8vw;padding:3vw;font-size:3.5vw}.register-inputs-container form .input-group .drop-down-container ul li i{font-size:4vw}.register-inputs-container form .input-group .fa-caret-down{top:52%;font-size:4vw!important;position:absolute!important;right:92%!important}.register-inputs-container form .input-group.open .fa-caret-down{top:53%;transform:rotate(180deg)}.register-inputs-container form button[type=submit]{border-radius:10px;min-width:70%;margin-top:12vw;padding:3vw;font-size:3.5vw}}