/* Bootstrap provides the responsive columns; project styles define the artwork. */
.hero.row{display:flex;gap:0;--bs-gutter-x:0;flex-wrap:wrap}
.hero-art{display:flex;align-items:center;justify-content:flex-end}
.illustration{height:auto;max-width:none;width:116%;flex-shrink:0}
.nav{flex-wrap:nowrap}
.btn-outline,.btn-outline:hover,.btn-outline:focus-visible{color:var(--accent)}
.auth-panel h2{font-weight:700}
.btn-primary:active,.btn-primary:focus-visible{background:#a3d0ff!important;color:#051020!important;border-color:#c4e1ff!important}
[hidden]{display:none!important}
@media(max-width:767px){.hero.row{gap:15px}.hero-art{justify-content:center}.illustration{width:100%;max-width:440px}}