.nu-login-hero { position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 24px; padding: 32px var(--nu-gutter); align-items: stretch; }
.nu-login-brand { position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: center; min-height: 260px; background: var(--nu-surface-1); border-radius: var(--nu-r-lg); }
.nu-login-hero > .nu-header-art { opacity: .8; }
.nu-login-brand h1 { font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 650; text-align: center; }
.nu-login-entries { display: grid; gap: 20px; }
.nu-login-entries .nu-feature { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.nu-login-entries h2 { font-size: 1.25rem; }
.nu-login-entries p { flex: 1; }
@media (min-width: 992px) { .nu-login-hero { grid-template-columns: 1fr 1fr; min-height: 560px; } }