@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");*{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins", sans-serif}body{height:100vh;width:100%}body .container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px 100px}body .container:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}body .session-box{width:970px;min-height:455px;border-radius:15px;display:grid;grid-template-columns:repeat(2, 1fr);justify-content:center;align-items:center;text-align:center;background-color:#fff;box-shadow:0px 0px 50px 15px rgba(0,0,0,0.19)}body .left{background:linear-gradient(60deg, #ff871e 0%, #ff3d3d 71%);height:100%;border-radius:15px 0px 0px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:0.5rem}body .right{padding:25px 40px}body .right h2{position:relative;padding:0 0 10px;margin-bottom:3rem;color:#283a49}body .right h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:4px;width:50px;border-radius:2px;background-color:#a7b1c2}body .right h2.error:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:4px;width:50px;border-radius:2px;transition:0.3s;background-color:#ef233c}body .right .field{width:100%;border:2px solid rgba(0,0,0,0);border-radius:6px;outline:none;background-color:rgba(230,230,230,0.6);padding:0.5rem 1rem;font-size:1.1rem;margin-bottom:22px;transition:0.3s}body .right .field:hover{background-color:rgba(0,0,0,0.1)}body .right .field:focus{border-color:#a7b1c2;background-color:#fff}body .right .btn{border-radius:6px;width:100%;padding:0.5rem 1rem;background-color:#283a49;color:#fff;font-size:1.1rem;border:none;outline:none;cursor:pointer;transition:0.3s}body .right .btn:hover{background-color:#283a49ca}body .right .btn.outline{color:#283a49;background-color:rgba(230,230,230,0.6)}body .right .remember-me{text-align:left;margin-bottom:22px}body .right .remember-me label,body .right .remember-me input[type="checkbox"]{cursor:pointer}body .right hr{box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}body .right hr.hr-line-dashed{border-top:1px dashed #e7eaec;color:#fff;background-color:#fff;height:1px;margin:20px 0}body .right .alert-box{display:flex;flex-direction:column;width:100%;border-radius:6px;margin-bottom:1.2rem;text-align:left;font-size:0.8rem}body .right .alert-box .danger{color:#ef233c}body .right .alert-box .danger:before{content:"\26A0";margin-right:5px;font-size:1rem}body .right .alert-box .success{color:#2196f3}body .right .alert-box .success:before{content:"\2139";margin-right:5px;font-size:1rem;border:1px solid #2196f3;width:20px;display:inline-flex;justify-content:center;border-radius:50%;height:20px;align-items:center}body .right .utilities-box{margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem;font-size:0.8rem}body .right a{text-decoration:none;color:#2196f3}@media screen and (max-width: 880px){.session-box{grid-template-columns:1fr}.left{height:200px}}