.login-page,.login-shell{background:#f8fbfd;min-height:100vh}.login-shell{overflow:hidden}.login-brand-panel,.login-form-area{min-height:100vh}.login-form-area{background:radial-gradient(circle at 18% 12%,rgba(21,140,186,.1),transparent 26rem),radial-gradient(circle at 86% 84%,rgba(40,182,44,.08),transparent 22rem),linear-gradient(135deg,#f8fbfd,#fff 48%,#eef8fc);position:relative}.login-brand-panel:after,.login-brand-panel:before,.login-form-area:after,.login-form-area:before{border-radius:999px;content:"";pointer-events:none;position:absolute}.login-form-area:before{background:rgba(21,140,186,.07);bottom:-8rem;height:18rem;left:-9rem;width:18rem}.login-form-area:after{border:1px solid rgba(21,140,186,.1);height:10rem;right:4rem;top:5rem;width:10rem}.login-form-panel{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.88);border:1px solid rgba(21,140,186,.1);border-radius:1.25rem;box-shadow:0 1.5rem 4rem rgba(21,140,186,.1);max-width:25rem;padding:1.75rem;position:relative;width:100%;z-index:1}.login-brand-panel{background:radial-gradient(circle at 20% 18%,hsla(0,0%,100%,.18),transparent 17rem),radial-gradient(circle at 85% 82%,rgba(40,182,44,.35),transparent 20rem),linear-gradient(135deg,#158cba,#137ea7 52%,#0f5f80);color:#fff;overflow:hidden;position:relative}.login-brand-panel:before{background:hsla(0,0%,100%,.1);height:22rem;right:-8rem;top:-7rem;width:22rem}.login-brand-panel:after{border:1px solid hsla(0,0%,100%,.2);bottom:-5rem;height:16rem;left:-5rem;width:16rem}.login-brand-content{padding:2rem;position:relative;width:min(100%,32rem);z-index:1}.login-brand-logo-box{background:hsla(0,0%,100%,.96);border:1px solid hsla(0,0%,100%,.24);border-radius:2rem;box-shadow:0 2rem 4rem rgba(0,0,0,.16);height:clamp(9rem,32vw,17rem);padding:clamp(1.25rem,3vw,2rem);width:clamp(9rem,32vw,17rem)}.login-brand-logo{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.login-brand-title{text-shadow:0 .5rem 1.5rem rgba(0,0,0,.18)}.login-brand-subtitle{color:hsla(0,0%,100%,.84);max-width:27rem}@media (min-width:992px){.login-form-panel{transform:translateY(-.25rem)}}@media (max-width:991.98px){.login-brand-panel,.login-form-area{min-height:auto}.login-brand-panel{padding-bottom:2.5rem;padding-top:2.5rem}.login-brand-logo-box{border-radius:1.5rem;height:8rem;width:8rem}}@media (max-width:575.98px){.login-form-panel{border-radius:1rem;padding:1.25rem}.login-brand-content{padding:1.25rem}}