/* =========================
   CONTADORIA – login DESKTOP
   ========================= */

/* Rozvržení: dva sloupce + hero */
.shell{ grid-template-columns:1fr 2fr; }
.left{ padding:12vh 20px 28px; background:linear-gradient(180deg, rgb(255 255 255 / 4%), transparent 50%) no-repeat; }

.card{ width:min(440px,92vw); }

/* Hero / carousel */
.right{ display:grid; align-items:stretch; overflow:hidden; isolation:isolate; }
.slide{
  position:absolute; inset:0; z-index:1; background-position:center; background-size:cover;
  opacity:0; transform:scale(1.02); transition:opacity 800ms ease, transform 800ms ease; will-change:opacity,transform;
}
.slide.show{ opacity:1; transform:scale(1); }
.slide::after{ content:''; position:absolute; inset:0; background:var(--overlay); pointer-events:none; }

.quote{
  position:absolute; right:36px; bottom:48px; z-index:2;
  max-width:min(520px,45vw); padding:18px 20px;
  background:color-mix(in oklab, var(--panel) 70%, transparent);
  border:1px solid var(--panel-border); border-radius:16px;
  box-shadow:var(--quote-shadow); backdrop-filter:blur(6px);
}
.quote-text{ font-size:1rem; line-height:1.45; }
.quote-author{ margin-top:10px; font-size:.92rem; color:color-mix(in oklab, var(--ink) 80%, #aab); }
.quote-badge{
  position:absolute; right:16px; bottom:14px; display:grid; place-items:center;
  width:42px; height:42px; color:var(--link); background:var(--social-bg);
  border:1px solid var(--social-border); border-radius:12px;
}

/* “Narrow desktop” fallback */
@media (width <= 900px){
  .shell{ grid-template-columns:1fr; }
  .right{ min-height:56vh; }
  .left{ padding-block:36px; }
  .quote{ right:16px; bottom:16px; left:16px; max-width:unset; }
}