.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, 1fr) minmax(360px, 520px); background: var(--facilop-background); }
.auth-brand-panel { background: var(--facilop-navy); color: #fff; padding: clamp(28px, 5vw, 64px); display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
.auth-brand-panel img { width: min(360px, 100%); }
.auth-brand-copy h1 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; margin: 0 0 16px; font-weight: 900; }
.auth-brand-copy p { color: rgba(255,255,255,.78); font-size: 1.05rem; max-width: 620px; }
.auth-form-panel { display: grid; align-content: center; padding: clamp(24px, 5vw, 56px); }
.auth-card { background: var(--facilop-surface); border: 1px solid var(--facilop-border); border-radius: var(--facilop-radius); box-shadow: var(--facilop-shadow-md); padding: clamp(22px, 4vw, 34px); }
.auth-card-logo { width: 210px; margin-bottom: 18px; }
.auth-footer { color: rgba(255,255,255,.7); font-size: .85rem; }