/* Flowbite form composition for authentication pages. */
.auth-shell{display:grid;min-height:calc(100vh - 73px);grid-template-columns:1fr 1fr}
.auth-intro{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,7vw,7rem);color:#fff;background:radial-gradient(circle at 15% 20%,#5955e7,transparent 35%),#11131a}
.auth-intro h1{max-width:650px;margin:0;font-size:clamp(3rem,7vw,6.8rem);font-weight:500;line-height:.95;letter-spacing:-.065em}
.auth-intro p{max-width:560px;color:#d9dae5;font-size:1.05rem;line-height:1.7}
.form-panel{display:grid;place-items:center;padding:2rem;background:#fff}
.form-card{width:min(460px,100%)}
.form-card h2{margin:0;font-size:2rem;letter-spacing:-.04em}
.field{display:grid;gap:.5rem;margin-top:1.25rem}
.field label{font-size:.9rem;font-weight:700}
.field input{width:100%;min-height:3.25rem;padding:0 .9rem;border:1px solid #bfc4cc;border-radius:.8rem;background:#fff}
.field input:focus{border-color:var(--violet);outline:3px solid rgba(89,85,231,.16)}
.form-status{min-height:1.5rem;margin:1rem 0;color:var(--muted);font-size:.9rem}
.form-status.error{color:#b42318}
.form-note{padding:1rem;border-radius:1rem;color:#424852;background:#f1f2f4;font-size:.88rem;line-height:1.6}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:330px;padding:3rem 1.25rem}.form-panel{padding:3rem 1rem}}