.auth-shell{align-items:center;background-color:#0878e8;background-image:var(--auth-background-image);background-position:50%;background-size:cover;display:flex;isolation:isolate;justify-content:center;min-height:100dvh;overflow:hidden;padding:clamp(1.25rem,4vw,4rem);position:relative}.auth-shell:before{background:radial-gradient(circle at 20% 15%,hsla(0,0%,100%,.18),transparent 34%),linear-gradient(150deg,rgba(2,50,110,.08),rgba(2,32,75,.38));content:"";inset:0;pointer-events:none;position:absolute;z-index:-2}.auth-shell__backdrop{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:2.5rem;box-shadow:0 2rem 6rem rgba(1,35,80,.24);height:min(72vw,58rem);position:absolute;transform:rotate(-9deg);width:min(72vw,58rem);z-index:-1}.auth-card{background:hsla(0,0%,100%,.97);border:1px solid hsla(0,0%,100%,.72);border-radius:1.5rem;box-shadow:0 2rem 5rem rgba(1,41,91,.25),inset 0 1px 0 hsla(0,0%,100%,.9);max-height:calc(100dvh - clamp(2.5rem, 8vw, 8rem));overflow-y:auto;padding:clamp(2rem,4vw,3.5rem);scrollbar-width:thin;width:min(100%,34rem)}.auth-card__content{margin-inline:auto;width:100%}.auth-card .form-control,.auth-card .form-select{background-color:#f4f7fb!important;border-color:transparent;min-height:3.5rem;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-card .form-control:focus,.auth-card .form-select:focus{background-color:#fff!important;border-color:#1684ed;box-shadow:0 0 0 .25rem rgba(22,132,237,.12)}.auth-card .btn{min-height:3.35rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-card .btn:hover{transform:translateY(-1px)}.auth-card .btn:active{transform:translateY(1px)}@media (max-width:575.98px){.auth-shell{align-items:flex-start;overflow-y:auto;padding:1rem}.auth-card{border-radius:1.15rem;margin-block:auto;max-height:none;padding:2rem 1.35rem}}@media (prefers-reduced-motion:reduce){.auth-card .btn,.auth-card .form-control,.auth-card .form-select{transition:none}}