/* register/index.css — page composition CSS.
   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/btn-primary/btn-primary.css');
@import url('../../_components/atoms/field-input/field-input.css');
@import url('../../_components/atoms/field-input-wrap/field-input-wrap.css');
@import url('../../_components/atoms/field-label/field-label.css');
@import url('../../_components/atoms/eye-toggle/eye-toggle.css');
@import url('../../_components/atoms/terms-checkbox/terms-checkbox.css');
@import url('../../_components/atoms/lang-switcher/lang-switcher.css');
@import url('../../_components/atoms/link-cyan/link-cyan.css');

/* ─── Molecules ────────────────────────────────────────────────────── */
@import url('../../_components/molecules/form-field/form-field.css');
@import url('../../_components/molecules/terms-row/terms-row.css');
@import url('../../_components/molecules/signin-link/signin-link.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-register .page-main {
  position: relative;
  z-index: 1;
  min-height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Per-page glow assets */
.page-register .page-glow--top {
  background-image: url('../../_shared/assets/auth/register-glow-top-light.svg');
}
.dark .page-register .page-glow--top {
  background-image: url('../../_shared/assets/auth/register-glow-top.svg');
}
.page-register .page-glow--bottom {
  background-image: url('../../_shared/assets/auth/register-glow-bottom-light.svg');
}
.dark .page-register .page-glow--bottom {
  background-image: url('../../_shared/assets/auth/register-glow-bottom.svg');
}

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