.page-auth {
    background-image: url(../../static/img/bg_header.7611010a.png);
    background-size: cover;         /* tüm alanı kaplar */
    background-repeat: no-repeat;
    background-position: center;    /* ortalar */
    min-height: 100vh;               /* tam ekran yüksekliği */
    width: 100%;
}

.page-auth-header {
    height: 3rem;
}

.page-auth-form-footer,
.page-auth-form-title {
    padding: .42667rem;
    width: 5.33333rem;
    height: 1.6rem;
    line-height: 1;
    font-size: .42667rem;
    background-image: url(../../static/img/bg_left_arrow.c7db5e77.png);
    background-repeat: no-repeat;
    background-size: cover;         /* alanı tam kaplar */
    background-position: center;
}

.page-auth-form-footer {
    padding-top: .69333rem;
    background-position: center right;
    text-align: right;
    background-image: url(../../static/img/bg_right_arrow.3a796cd8.png);
    background-size: cover;         /* alanı tam kaplar */
}

html, body { height: 100%; margin: 0; }

.page-auth {
  min-height: 100dvh;           /* dinamik viewport yüksekliği */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Tarayıcı destekliyorsa “small viewport” birimini kullan */
@supports (height: 100svh) {
  .page-auth { min-height: 100svh; }
}

/* Sayfa genel arka planı: tüm ekranı kaplar ve kaydırırken sabit kalır */
html, body { height: 100%; margin: 0; }

body::before {
  content: "";
  position: fixed;
  inset: 0;                          /* top:0; right:0; bottom:0; left:0 */
  background: url(../../static/img/bg_header.7611010a.png) center / cover no-repeat;
  z-index: -1;                       /* içeriğin arkasında kalsın */
}

/* .page-auth artık arka plan TANIMLAMASIN */
.page-auth { min-height: 100dvh; width: 100%; }
@supports (height: 100svh) { .page-auth { min-height: 100svh; } }