.auth-page,.role-page{min-height:100vh}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(26rem,.85fr);min-height:100vh}.auth-intro{background:linear-gradient(145deg,#132653,#3478f6);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:3rem clamp(2rem,7vw,7rem)}.auth-intro h1{font-size:clamp(2.25rem,4vw,4rem);font-weight:750;letter-spacing:-.055em;max-width:38rem}.auth-intro p:not(.small){font-size:1.1rem;max-width:32rem}.letter-spacing{letter-spacing:.12em}.auth-panel{align-items:center;background:var(--app-surface);display:flex;justify-content:center;padding:2rem}.auth-card{max-width:26rem;width:100%}.auth-card .form-control{border-color:var(--app-border);border-radius:.65rem}.role-page{align-items:center;background:#f5f7fb;display:flex;justify-content:center;padding:1.5rem}.role-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem;box-shadow:0 1rem 3rem rgba(20,38,80,.09);max-width:32rem;padding:2.5rem;width:100%}.role-option{align-items:center;background:var(--app-surface);border:1px solid var(--app-border);border-radius:.7rem;display:flex;justify-content:space-between;padding:1rem 1.1rem}.role-option:hover{border-color:#3478f6;background:#edf3ff}.role-option i{color:#3478f6}@media(max-width:767px){.auth-layout{display:block}.auth-intro{min-height:16rem;padding:2rem}.auth-intro h1{font-size:2rem}.auth-intro>div{margin:2rem 0}.auth-panel{min-height:calc(100vh - 16rem)}}