/* robot/index.css — page composition CSS.
   Robot uses a taller 1305 frame because the captcha overflows below the card.
   Mobile-first: page-scoped overrides target desktop sizing inside
   @media (min-width: 1024px). Mobile defaults come from component CSS. */

/* ─── Atoms ────────────────────────────────────────────────────────── */
@import url('../../_components/atoms/page-shell/page-shell.css');
@import url('../../_components/atoms/lang-switcher/lang-switcher.css');
@import url('../../_components/atoms/link-cyan/link-cyan.css');

/* ─── Sections ─────────────────────────────────────────────────────── */
@import url('../../_components/sections/glow-decoration/glow-decoration.css');
@import url('../../_components/sections/page-header-minimal/page-header-minimal.css');
@import url('../../_components/sections/auth-card/auth-card.css');
@import url('../../_components/sections/page-footer-ribbon/page-footer-ribbon.css');

/* ─── Page-scoped overrides ─────────────────────────────────────────── */

/* Mobile: main wrapper is a flex column centering the card */
.page-robot .page-main {
  position: relative;
  z-index: 1;
  min-height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Per-page glow assets. Robot bottom glow sits lower (1079 vs 798). */
.page-robot .page-glow--top {
  background-image: url('../../_shared/assets/auth/robot-glow-top-light.svg');
}
.dark .page-robot .page-glow--top {
  background-image: url('../../_shared/assets/auth/robot-glow-top.svg');
}
.page-robot .page-glow--bottom {
  background-image: url('../../_shared/assets/auth/robot-glow-bottom-light.svg');
}
.dark .page-robot .page-glow--bottom {
  background-image: url('../../_shared/assets/auth/robot-glow-bottom.svg');
}

/* Desktop: shell + main expand to Figma 1305px frame; bottom glow positioned */
@media (min-width: 1024px) {
  .page-robot .page-shell { min-height: 1305px; }
  .page-robot .page-main {
    min-height: 1305px;
    display: block;
  }
  .page-robot .page-glow--bottom { top: 1079px; }
}