body{scrollbar-width:none;overflow:hidden}.login-page{display:flex;align-items:center;justify-content:flex-start;width:100vw;height:100vh;background:url(/assets/login/background-image.png) no-repeat 0;background-size:cover;box-sizing:border-box}.login-card{background-color:#fff;--triangle-size:150px;position:relative;width:55%;max-height:70vh;border-radius:10px;padding-bottom:var(--triangle-size);-webkit-clip-path:polygon(0 50%,var(--triangle-size) 0,100% 0,100% 100%,var(--triangle-size) 100%,0 50%);clip-path:polygon(0 50%,var(--triangle-size) 0,100% 0,100% 100%,var(--triangle-size) 100%,0 50%);opacity:90%}.login-card-wrap{padding-right:50px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;filter:drop-shadow(0 4px 5px rgba(192,192,192,.14)) drop-shadow(0 1px 10px rgba(0,0,0,.12)) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logos-container{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,50px);margin-top:clamp(2vh,4vh,6vh);margin-bottom:clamp(1vh,2vh,3vh)}.logo{width:clamp(80px,12vw,150px);height:auto;object-fit:contain}.logo-setare{width:clamp(100px,15vw,180px)}.typing-text{font-size:clamp(16px,3vw,24px);font-weight:600;color:#333;white-space:nowrap;overflow:hidden;margin-bottom:clamp(10px,2vh,20px);border-left:2px solid #333;width:0;animation:typing 2.5s steps(40) forwards}@keyframes typing{0%{width:0}to{width:100%}}.form__group{position:relative;padding:clamp(15px,3vh,25px) 0 0;width:100%}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-right:-5%!important;padding-left:50px;padding-top:clamp(30px,5vh,70px);padding-bottom:clamp(20px,3vh,50px)}.form__field{width:20vw}.login-button{width:120px;height:40px;font-size:18px!important;background-color:#333;margin-top:clamp(20px,5vh,50px)!important;padding-bottom:4px;border-radius:12px;border:1px solid;transition:#000 .3s ease;display:block;margin-left:auto;margin-right:auto}.form-hook{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-button:hover{background-color:#5a5a5a}@media screen and (max-width:992px){.login-card{width:75%;max-height:85vh}.logo{width:clamp(100px,18vw,180px)}.logo-setare{width:clamp(120px,22vw,220px)}}@media screen and (max-width:768px){.login-card{width:85%;max-height:75vh}.logos-container{margin-top:clamp(2vh,3vh,4vh)}.logo{width:clamp(80px,20vw,150px)}.logo-setare{width:clamp(100px,25vw,180px)}.login-button{margin-top:clamp(20px,4vh,40px)!important}.form-container{margin-left:30px}}@media screen and (max-width:576px){.login-card{width:95%;max-height:min(85vh,700px);opacity:85%;--triangle-size:100px}.login-card-wrap{padding-right:10px}.login-page{background-image:url(/assets/login/background-image-mobile.png)}.logos-container{gap:clamp(15px,4vw,30px);margin-top:clamp(2vh,3vh,4vh);margin-bottom:clamp(1vh,1.5vh,2vh)}.logo{width:clamp(60px,25vw,120px)}.logo-setare{width:clamp(80px,30vw,140px)}.form-container{padding:clamp(20px,3vh,40px) 20px clamp(15px,2vh,30px)}.form__group{width:100%;padding:clamp(10px,2vh,20px) 0 0}.form__field{width:100%;max-width:300px}.field{width:100%;display:flex;justify-content:center}.typing-text{font-size:clamp(14px,4vw,20px);margin-right:0!important;text-align:center}.login-button{margin:clamp(20px,4vh,40px) auto 0!important}}