/* Login/register image slider */
.au-slider { position: relative; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; background: #06150f; }
.au-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .8s ease; }
.au-slide.is-on { opacity: 1; }
.au-slider .au-slide img { width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; border-radius: 0 !important; }
.au-slide figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 96px 12px 16px; color: #fff; font-size: 13px; font-weight: 500; line-height: 1.35; background: linear-gradient(transparent, rgba(0,0,0,.72)); }
.au-prev, .au-next {
  position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; padding: 0;
  border: 0; border-radius: 50%; background: rgba(0,0,0,.38); color: #fff; font-size: 22px; line-height: 1;
  cursor: pointer; opacity: 0; transition: opacity .2s; display: flex; align-items: center; justify-content: center;
}
.au-prev { left: 10px; } .au-next { right: 10px; }
.au-slider:hover .au-prev, .au-slider:hover .au-next, .au-prev:focus-visible, .au-next:focus-visible { opacity: 1; }
@media (hover: none) { .au-prev, .au-next { opacity: .8; } }
.au-dots { position: absolute; right: 12px; bottom: 14px; display: flex; gap: 6px; }
.au-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.55); cursor: pointer; transition: all .25s; }
.au-dots button.on { width: 20px; background: #5fd4a8; }

/* Show each image whole, no cropping */
.au-slider { background: #0B3D2E; }
.au-slide { background: #0B3D2E; }
.au-slider .au-slide img { object-fit: contain !important; }