/* ================= MT GRUP GIRIS EKRANI ================= */

:root {
  --mtg-k-kirmizi: #b42318;
  --mtg-k-kirmizi-koyu: #8c1710;
  --mtg-k-kirmizi-acik: #d9483b;
  --mtg-k-siyah: #0d1117;
  --mtg-k-koyu: #14181f;
  --mtg-k-metin: #101828;
  --mtg-k-soluk: #667085;
}

body.mtg-giris-body {
  margin: 0;
  background: #f4f5f7;
  min-height: 100vh;
  overflow-x: hidden;
}

body.mtg-giris-body .page-breadcrumbs,
body.mtg-giris-body .page-header-wrapper,
body.mtg-giris-body .page-footer,
body.mtg-giris-body footer.web-footer,
body.mtg-giris-body .navbar,
body.mtg-giris-body .sign-up-message,
body.mtg-giris-body .page-card-head img,
body.mtg-giris-body .social-logins,
body.mtg-giris-body .login-divider { display: none !important; }

body.mtg-giris-body #page-login,
body.mtg-giris-body .page-content-wrapper { padding: 0 !important; margin: 0 !important; }

body.mtg-giris-body main.container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  min-height: 100vh;
}

body.mtg-giris-body main.container > .page_content {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 28px;
  position: relative;
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(180,35,24,.10), transparent 60%),
    radial-gradient(900px 600px at 90% 100%, rgba(13,17,23,.10), transparent 60%),
    linear-gradient(160deg, #f7f8fa 0%, #eef0f4 100%);
}

body.mtg-giris-body aside.mtg-giris-yan {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 54px;
  color: #fff;
  background:
    radial-gradient(900px 620px at 88% 18%, rgba(180,35,24,.55), transparent 62%),
    radial-gradient(700px 520px at 10% 92%, rgba(217,72,59,.22), transparent 65%),
    linear-gradient(155deg, #14181f 0%, #0d1117 45%, #1b0f11 100%);
}

.mtg-giris-efekt { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.mtg-giris-efekt .mtg-halka {
  position: absolute; right: -18%; top: 8%; width: 62%; aspect-ratio: 1;
  border-radius: 50%; border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 0 120px rgba(180,35,24,.35) inset;
}
.mtg-giris-efekt .mtg-izgara {
  position: absolute; inset: 0; opacity: .16;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(70% 60% at 50% 40%, #000 30%, transparent 100%);
  -webkit-mask-image: radial-gradient(70% 60% at 50% 40%, #000 30%, transparent 100%);
}

/* ---------- sol panel icerigi ---------- */
.mtg-yan-govde { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; width: 100%; }
.mtg-yan-logo {
  display: block; width: 100%; max-width: 430px; height: auto;
  margin: 0 auto 22px; opacity: .97;
  filter: drop-shadow(0 8px 26px rgba(0,0,0,.45));
}
.mtg-yan-marka { display: flex; align-items: center; gap: 12px; margin-bottom: 54px; }
.mtg-yan-marka img { width: 38px; height: 38px; border-radius: 10px; }
.mtg-yan-marka span { font-size: 17px; font-weight: 700; letter-spacing: .04em; }
.mtg-yan-marka span b { color: var(--mtg-k-kirmizi-acik); font-weight: 700; }

.mtg-yan-h1 {
  margin: 0 0 11px; font-size: 24px; line-height: 1.22; font-weight: 800;
  letter-spacing: .01em; text-transform: uppercase; color: #fff;
}
.mtg-yan-h1 em { font-style: normal; color: var(--mtg-k-kirmizi-acik); }
.mtg-yan-h2 { margin: 0 0 14px; font-size: 15.5px; line-height: 1.42; font-weight: 700; color: rgba(255,255,255,.92); }
.mtg-yan-h2 em { font-style: normal; color: var(--mtg-k-kirmizi-acik); }
.mtg-yan-p { margin: 0 0 20px; font-size: 13px; line-height: 1.65; color: rgba(255,255,255,.62); max-width: 520px; }

.mtg-yan-kutular { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }
.mtg-yan-kutu {
  display: flex; align-items: center; gap: 11px; padding: 11px 13px;
  border-radius: 13px; border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
}
.mtg-yan-kutu .ikon {
  width: 34px; height: 34px; border-radius: 10px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: rgba(180,35,24,.20); color: #ff8f83;
}
.mtg-yan-kutu b { display: block; font-size: 13px; font-weight: 700; color: #fff; }
.mtg-yan-kutu small { display: block; font-size: 11.5px; color: rgba(255,255,255,.55); margin-top: 2px; }

.mtg-yan-alt-p { margin: 0; font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 560px; }
.mtg-yan-ayrac { height: 1px; background: rgba(255,255,255,.10); margin: 20px 0 14px; }
.mtg-yan-taban { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mtg-yan-ssl { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,.5); }
.mtg-yan-rozet {
  display: flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #fff;
}
.mtg-yan-rozet img { width: 20px; height: 20px; border-radius: 6px; }

/* ---------- giris karti ---------- */
body.mtg-giris-body section.for-login .login-content.page-card,
body.mtg-giris-body section.for-forgot .login-content.page-card,
body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
  width: 100%; max-width: 430px; margin: 0 auto;
  background: #fff; border: 1px solid rgba(16,24,40,.06);
  border-radius: 26px; padding: 30px 30px 26px;
  box-shadow: 0 40px 90px -50px rgba(13,17,23,.55), 0 2px 8px rgba(13,17,23,.04);
}
body.mtg-giris-body section.for-signup { display: none !important; }

.mtg-kart-ust { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.mtg-kart-marka { display: none; }
.mtg-kart-ust img { width: 34px; height: 34px; border-radius: 9px; }
.mtg-kart-ust span { font-size: 17px; font-weight: 750; color: var(--mtg-k-metin); letter-spacing: .01em; }
.mtg-kart-ust span i { font-style: normal; color: rgba(16,24,40,.25); margin: 0 7px; }

body.mtg-giris-body .page-card-head h4,
body.mtg-giris-body .page-card-head .page-card-head-text h4 {
  margin: 0; font-size: 22px; font-weight: 780; color: var(--mtg-k-metin); letter-spacing: -.01em;
}
body.mtg-giris-body .page-card-subtitle { margin: 6px 0 0; font-size: 13.5px; color: var(--mtg-k-soluk); }

.mtg-giris-secim {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 20px 0 22px;
  padding: 5px; border-radius: 15px; background: #eff1f5; border: 1px solid rgba(16,24,40,.05);
}
.mtg-secim-kutu {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 8px; border-radius: 11px; cursor: pointer; user-select: none;
  font-size: 13.5px; font-weight: 700; color: var(--mtg-k-soluk);
  border: 1px solid transparent; background: transparent; transition: all .16s ease;
}
.mtg-secim-kutu:hover { color: var(--mtg-k-metin); }
.mtg-secim-kutu.aktif {
  background: #fff; color: var(--mtg-k-metin);
  border-color: rgba(16,24,40,.08); box-shadow: 0 6px 16px -10px rgba(13,17,23,.5);
}
.mtg-secim-kutu.aktif svg { color: var(--mtg-k-kirmizi); }

/* ---------- form alanlari ---------- */
body.mtg-giris-body .form-signin .form-group { margin-bottom: 16px; }
body.mtg-giris-body .form-signin label,
body.mtg-giris-body .form-signin .control-label {
  display: block; font-size: 12.5px; font-weight: 700; color: var(--mtg-k-metin);
  margin-bottom: 7px; text-transform: none; letter-spacing: 0;
}
body.mtg-giris-body .form-signin .form-control,
body.mtg-giris-body .form-signin input[type="text"],
body.mtg-giris-body .form-signin input[type="email"],
body.mtg-giris-body .form-signin input[type="password"] {
  width: 100%; box-sizing: border-box; height: 48px;
  padding: 12px 44px 12px 42px; border-radius: 14px;
  border: 1px solid rgba(16,24,40,.14); background: #fff;
  font-size: 14px; color: var(--mtg-k-metin); box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.mtg-giris-body .form-signin .form-control:focus {
  outline: none; border-color: var(--mtg-k-kirmizi);
  box-shadow: 0 0 0 4px rgba(180,35,24,.10);
}
body.mtg-giris-body .form-signin .form-control::placeholder { color: #a5adba; }

.mtg-alan-sar { position: relative; }
.mtg-alan-sar > .mtg-alan-ikon {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: #98a2b3; pointer-events: none; display: flex;
}
.mtg-goz {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: none; border: 0; padding: 4px; cursor: pointer; color: #98a2b3; display: flex;
}
.mtg-goz:hover { color: var(--mtg-k-metin); }

.mtg-satir-ara {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin: -2px 0 18px;
}
.mtg-hatirla { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--mtg-k-metin); cursor: pointer; }
.mtg-hatirla input { width: 17px; height: 17px; accent-color: var(--mtg-k-kirmizi); cursor: pointer; margin: 0; }
body.mtg-giris-body .forgot-password-message,
body.mtg-giris-body .forgot-password-message a,
.mtg-unuttum {
  font-size: 13px; font-weight: 700; color: var(--mtg-k-kirmizi); text-decoration: none;
  background: none; border: 0; padding: 0; cursor: pointer;
}
.mtg-unuttum:hover { text-decoration: underline; }

body.mtg-giris-body .page-card-actions { margin: 0; }
body.mtg-giris-body .btn-login,
body.mtg-giris-body .btn-send-login-link,
body.mtg-giris-body .form-signin .btn-primary {
  width: 100%; height: 50px; border: 0; border-radius: 14px;
  font-size: 15px; font-weight: 750; color: #fff; cursor: pointer;
  background: linear-gradient(135deg, #c8382b 0%, #b42318 55%, #8c1710 100%) !important;
  color: #fff !important;
  box-shadow: 0 16px 30px -18px rgba(180,35,24,.85);
  transition: transform .12s ease, box-shadow .15s ease;
}
body.mtg-giris-body .btn-login:hover { transform: translateY(-1px); box-shadow: 0 20px 34px -18px rgba(180,35,24,.95); }
body.mtg-giris-body .btn-login:active { transform: translateY(0); }
body.mtg-giris-body .btn-login:disabled { opacity: .65; cursor: progress; transform: none; }

body.mtg-giris-body .btn-default:not(.btn-login),
body.mtg-giris-body .btn-login-with-email-link,
body.mtg-giris-body .login-with-email-link {
  width: 100%; height: 46px; margin-top: 10px; border-radius: 14px;
  border: 1px solid rgba(16,24,40,.14); background: #fff;
  font-size: 13.5px; font-weight: 700; color: var(--mtg-k-metin);
}

.mtg-kart-alt { margin: 16px 0 0; text-align: center; font-size: 12px; color: #98a2b3; }

/* ---------- mobil ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container { display: block; min-height: 100vh; }
  body.mtg-giris-body aside.mtg-giris-yan { display: none !important; }
  body.mtg-giris-body main.container > .page_content {
    min-height: 100vh; padding: 26px 18px;
    padding-top: calc(env(safe-area-inset-top, 0px) + 26px);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 26px);
    background:
      radial-gradient(700px 520px at 15% 0%, rgba(180,35,24,.16), transparent 62%),
      radial-gradient(620px 480px at 95% 100%, rgba(13,17,23,.14), transparent 60%),
      linear-gradient(165deg, #f7f8fa 0%, #e9ebef 100%);
  }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    max-width: 460px; padding: 26px 22px 22px; border-radius: 24px;
  }
  .mtg-kart-marka {
    display: block; width: 100%; max-width: 260px; height: auto;
    margin: 0 auto 14px;
  }
  .mtg-kart-ust { justify-content: center; }
  .mtg-mobil-marka { display: flex; }
}
@media (max-width: 1180px) and (min-width: 981px) {
  body.mtg-giris-body aside.mtg-giris-yan { padding: 40px 34px; }
  .mtg-yan-h1 { font-size: 25px; }
  .mtg-yan-kutular { grid-template-columns: 1fr; }
}

/* panel tek ekrana sigsin */
body.mtg-giris-body aside.mtg-giris-yan .mtg-yan-govde { max-width: 600px; }
@media (max-height: 820px) and (min-width: 981px) {
  .mtg-yan-logo { max-width: 370px; margin: 0 auto 16px; }
  .mtg-yan-h1 { font-size: 21px; }
  .mtg-yan-h2 { font-size: 14.5px; margin-bottom: 12px; }
  .mtg-yan-p { font-size: 12.5px; margin-bottom: 16px; }
  .mtg-yan-alt-p { font-size: 11.5px; }
  body.mtg-giris-body aside.mtg-giris-yan { padding: 26px 48px; }
}

/* ---------- mobil sikilastirma: tek ekrana sigsin ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content { padding: 14px 16px; }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    max-width: 380px; padding: 18px 16px 16px; border-radius: 20px;
  }
  .mtg-kart-ust { margin-bottom: 10px; gap: 8px; }
  .mtg-kart-ust img { width: 28px; height: 28px; border-radius: 8px; }
  .mtg-kart-ust span { font-size: 14.5px; }
  .mtg-kart-marka { max-width: 230px; margin: 0 auto 12px; }
  body.mtg-giris-body .page-card-head h4 { font-size: 18px; }
  body.mtg-giris-body .page-card-subtitle { font-size: 12px; margin-top: 4px; }
  .mtg-giris-secim { margin: 12px 0 14px; padding: 4px; border-radius: 12px; gap: 4px; }
  .mtg-secim-kutu { padding: 8px 6px; font-size: 12.5px; border-radius: 9px; gap: 6px; }
  body.mtg-giris-body .form-signin .form-group { margin-bottom: 11px; }
  body.mtg-giris-body .form-signin label,
  body.mtg-giris-body .form-signin .control-label { font-size: 11.5px; margin-bottom: 5px; }
  body.mtg-giris-body .form-signin .form-control {
    height: 42px; font-size: 13px; border-radius: 11px; padding: 10px 40px 10px 38px;
  }
  .mtg-alan-sar > .mtg-alan-ikon { left: 12px; }
  .mtg-goz { right: 10px; }
  .mtg-satir-ara { margin: 0 0 12px; }
  .mtg-hatirla { font-size: 12px; }
  .mtg-hatirla input { width: 15px; height: 15px; }
  body.mtg-giris-body .forgot-password-message a,
  .mtg-unuttum { font-size: 12px; }
  body.mtg-giris-body .btn-login { height: 44px; font-size: 14px; border-radius: 12px; }
  .mtg-kart-alt { font-size: 10.5px; margin-top: 12px; }
}
@media (max-width: 980px) and (max-height: 730px) {
  .mtg-kart-marka { max-width: 185px; margin-bottom: 9px; }
  body.mtg-giris-body .page-card-head h4 { font-size: 17px; }
  .mtg-giris-secim { margin: 10px 0 12px; }
}

/* ---------- mobil son ayar: ustten bosluk, alttan daralt ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content {
    align-items: flex-start;
    padding-top: calc(env(safe-area-inset-top, 0px) + 34px);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
    padding-left: 20px;
    padding-right: 20px;
  }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    max-width: 340px; padding: 20px 18px 14px; border-radius: 22px;
  }
  .mtg-kart-marka { max-width: 272px; margin: 2px auto 14px; }
  .mtg-kart-alt { margin-top: 10px; }
}
@media (max-width: 980px) and (max-height: 730px) {
  body.mtg-giris-body main.container > .page_content {
    padding-top: calc(env(safe-area-inset-top, 0px) + 22px);
  }
  .mtg-kart-marka { max-width: 230px; margin-bottom: 11px; }
}

/* ---------- masaustu: logo metin blogu genisliginde ---------- */
@media (min-width: 981px) {
  .mtg-yan-logo { max-width: 100%; margin: 0 auto 20px; }
  body.mtg-giris-body aside.mtg-giris-yan { padding: 30px 54px; }
  .mtg-yan-p { margin-bottom: 18px; }
  .mtg-yan-kutular { margin-bottom: 18px; }
  .mtg-yan-ayrac { margin: 18px 0 12px; }
}
@media (min-width: 981px) and (max-height: 860px) {
  .mtg-yan-logo { max-width: 84%; margin-bottom: 14px; }
  body.mtg-giris-body aside.mtg-giris-yan { padding: 22px 48px; }
  .mtg-yan-h1 { font-size: 21px; margin-bottom: 9px; }
  .mtg-yan-h2 { font-size: 14.5px; margin-bottom: 11px; }
  .mtg-yan-p { font-size: 12.5px; margin-bottom: 14px; }
  .mtg-yan-alt-p { font-size: 11.5px; }
  .mtg-yan-kutular { margin-bottom: 14px; }
  .mtg-yan-ayrac { margin: 14px 0 10px; }
}

/* ---------- mobil: kart ortada, gercek kutu ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content {
    align-items: center;
    justify-content: center;
    padding-top: calc(env(safe-area-inset-top, 0px) + 18px);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
  }
  body.mtg-giris-body main.container > .page_content > div {
    width: 100%;
    align-self: center;
  }
  body.mtg-giris-body section.for-login,
  body.mtg-giris-body section.for-forgot,
  body.mtg-giris-body section.for-login-with-email-link { display: block; }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    max-width: 330px; height: auto; align-self: center;
    padding: 18px 16px 12px; border-radius: 22px;
  }
  .mtg-kart-marka { max-width: 250px; margin: 0 auto 12px; }
  .mtg-kart-alt { margin-top: 8px; font-size: 10px; line-height: 1.45; }
  body.mtg-giris-body .btn-login { height: 42px; }
}

/* ---------- mobil: kart altindaki bosluk gitsin ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content {
    display: grid;
    place-items: center;
    align-content: center;
  }
  body.mtg-giris-body main.container > .page_content > div {
    width: 100%;
    display: block;
  }
  body.mtg-giris-body section.for-signup { display: none !important; }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    margin: 0 auto;
  }
  body.mtg-giris-body .page-footer,
  body.mtg-giris-body .page-header-wrapper { display: none !important; }
}

/* ---------- Futura / Jost tipografi ---------- */
body.mtg-giris-body,
body.mtg-giris-body input,
body.mtg-giris-body button,
body.mtg-giris-body select,
body.mtg-giris-body textarea,
body.mtg-giris-body .mtg-giris-yan,
body.mtg-giris-body .page-card {
  font-family: Futura, "Futura PT", "Jost", "Century Gothic", "Trebuchet MS", system-ui, -apple-system, sans-serif;
}
body.mtg-giris-body .page-card-head h4,
body.mtg-giris-body .mtg-kart-ust span,
body.mtg-giris-body .btn-login,
body.mtg-giris-body .mtg-secim-kutu,
body.mtg-giris-body .mtg-yan-h2 {
  letter-spacing: .005em;
}
.mtg-kart-marka { display: none !important; }

/* ---------- mobil: kart siniri belli olsun, alt bosluk bitsin ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content {
    background:
      radial-gradient(620px 460px at 12% 0%, rgba(180,35,24,.10), transparent 62%),
      linear-gradient(180deg, #f3ebeb 0%, #e9ebef 48%, #dfe2e7 100%);
  }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    padding-bottom: 10px;
    box-shadow: 0 26px 60px -34px rgba(13,17,23,.55), 0 2px 10px rgba(13,17,23,.06);
  }
  .mtg-kart-alt { margin-top: 6px; }
}

/* ---------- mobil: kart asla uzamasin ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body main.container > .page_content > div,
  body.mtg-giris-body section.for-login,
  body.mtg-giris-body section.for-forgot,
  body.mtg-giris-body section.for-login-with-email-link {
    height: auto !important;
    min-height: 0 !important;
    align-self: center;
  }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    height: -moz-max-content;
    height: max-content;
    min-height: 0 !important;
  }
}

/* ---------- kart ust satiri: logo ortada, cizgi yok ---------- */
.mtg-kart-ust { justify-content: center; gap: 12px; }
.mtg-kart-ust span i { display: none; }
.mtg-kart-ust .mtg-kart-ad { font-size: 17px; font-weight: 750; color: var(--mtg-k-metin); }
.mtg-kart-ust img { width: 42px; height: 42px; border-radius: 11px; }

/* ---------- mobil: kirmizi koyu zemin + hafif seffaf kart ---------- */
@media (max-width: 980px) {
  .mtg-kart-ust { gap: 11px; margin-bottom: 14px; }
  .mtg-kart-ust img { width: 44px; height: 44px; border-radius: 12px; }
  .mtg-kart-ust .mtg-kart-ad { font-size: 16px; }
  body.mtg-giris-body main.container > .page_content {
    background:
      radial-gradient(760px 620px at 88% 12%, rgba(180,35,24,.55), transparent 62%),
      radial-gradient(620px 520px at 8% 92%, rgba(217,72,59,.22), transparent 65%),
      linear-gradient(155deg, #14181f 0%, #0d1117 45%, #1b0f11 100%);
  }
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    background: rgba(255,255,255,.94);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 30px 70px -34px rgba(0,0,0,.75), 0 2px 12px rgba(0,0,0,.18);
  }
}

/* ---------- mobil kart: arkadaki kirmizi hissedilsin ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    background: rgba(255,255,255,.87);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    backdrop-filter: blur(16px) saturate(120%);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: 0 34px 74px -34px rgba(0,0,0,.8), 0 2px 14px rgba(0,0,0,.22);
  }
  body.mtg-giris-body .form-signin .form-control {
    background: rgba(255,255,255,.72);
    border-color: rgba(16,24,40,.16);
  }
  body.mtg-giris-body .form-signin .form-control:focus { background: rgba(255,255,255,.95); }
  .mtg-giris-secim { background: rgba(238,240,245,.78); }
  .mtg-secim-kutu.aktif { background: rgba(255,255,255,.96); }
}

/* ---------- mobil kart: daha saydam ---------- */
@media (max-width: 980px) {
  body.mtg-giris-body section.for-login .login-content.page-card,
  body.mtg-giris-body section.for-forgot .login-content.page-card,
  body.mtg-giris-body section.for-login-with-email-link .login-content.page-card {
    background: rgba(255,255,255,.78);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
    backdrop-filter: blur(20px) saturate(135%);
    border: 1px solid rgba(255,255,255,.5);
  }
  body.mtg-giris-body .form-signin .form-control { background: rgba(255,255,255,.62); }
  .mtg-giris-secim { background: rgba(240,242,246,.62); }
  .mtg-secim-kutu.aktif { background: rgba(255,255,255,.92); }
  .mtg-kart-alt { color: #7b8494; }
}

/* --- mobil: giris karti dikeyde tam ortada dursun --- */
@media (max-width: 900px) {
  body.mtg-giris-body main.container { min-height: 100dvh; }
  body.mtg-giris-body main.container > .page_content {
    min-height: 100dvh;
    box-sizing: border-box;
    align-items: center;
    padding-top: calc(24px + env(safe-area-inset-top, 0px));
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
}


/* ================= MT AKADEMI GIRIS EKRANI - YENI TASARIM ================= */
.login-content.page-card .page-card-head .app-logo,
.page-card .page-card-head img.app-logo { display: none !important; }

.page-card .mtg-kart-ust {
  display: flex; align-items: center; justify-content: center;
  margin: 2px 0 6px; padding: 0;
}
.page-card .mtg-kart-ust img { display: none !important; }
.mtg-marka-yazi {
  font-weight: 900; font-size: 34px; line-height: 1.05;
  letter-spacing: -0.5px; color: #b80017;
  text-transform: uppercase; text-align: center;
  font-family: Inter, 'Helvetica Neue', Arial, sans-serif;
}
@media (max-width: 480px) { .mtg-marka-yazi { font-size: 30px; } }

.page-card .page-card-head { text-align: center; }
.page-card .page-card-head h4 {
  font-size: 13px; font-weight: 800; letter-spacing: 0.09em;
  color: #101828; margin: 14px 0 2px; text-transform: uppercase;
}
.page-card .page-card-subtitle {
  font-size: 12px; font-weight: 700; letter-spacing: 0.06em;
  color: #101828; margin: 0; text-transform: uppercase; opacity: .82;
}

/* --- sekmeler --- */
.mtg-giris-secim {
  position: relative; display: flex; justify-content: center;
  gap: 30px; margin: 22px 0 6px; padding-bottom: 10px;
}
.mtg-giris-secim .mtg-secim-kutu {
  position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent;
  background: none; border: 0; padding: 8px 10px; cursor: pointer;
  font-size: 15px; font-weight: 700; letter-spacing: 0.07em;
  color: #98a2b3; text-transform: uppercase; border-radius: 10px;
  transition: color .25s ease, transform .25s ease;
}
.mtg-giris-secim .mtg-secim-kutu svg { display: none; }
.mtg-giris-secim .mtg-secim-kutu:active { transform: scale(.96); }
.mtg-giris-secim .mtg-secim-kutu.aktif { color: #101828; }
.mtg-secim-cizgi {
  position: absolute; left: 0; bottom: 2px; height: 3px; width: 60px;
  border-radius: 3px; background: #b80017; transform: translateX(0);
  transition: transform .34s cubic-bezier(.4,0,.2,1), width .34s cubic-bezier(.4,0,.2,1);
}

/* --- form alanlari --- */
.form-signin.form-login .form-group label,
.form-signin.form-login label.control-label { display: none !important; }
.form-signin.form-login .mtg-alan-sar {
  position: relative; display: flex; align-items: center;
  background: transparent; border: 0; border-bottom: 1px solid #e4e7ec;
  border-radius: 0; padding: 4px 0; margin-bottom: 4px;
  transition: border-color .25s ease;
}
.form-signin.form-login .mtg-alan-sar:focus-within { border-bottom-color: #b80017; }
.form-signin.form-login .mtg-alan-ikon { color: #b80017; opacity: .85; padding: 0 10px 0 2px; display: flex; }
.form-signin.form-login .mtg-alan-sar input.form-control {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 10px 2px; font-size: 14px; color: #101828;
}
.form-signin.form-login .mtg-alan-sar input.form-control::placeholder { color: #98a2b3; font-weight: 400; }
.form-signin.form-login .mtg-goz { background: none; border: 0; color: #98a2b3; padding: 0 4px; }

/* --- ara satir --- */
.mtg-satir-ara { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 14px; }
.mtg-satir-ara .mtg-unuttum { font-size: 13px; font-weight: 700; color: #101828; text-decoration: none; }
.mtg-satir-ara .mtg-unuttum:hover { color: #b80017; }
.mtg-satir-ara .mtg-hatirla { font-size: 13px; color: #475467; display: flex; align-items: center; gap: 7px; margin: 0; }

/* --- giris dugmesi --- */
.form-signin.form-login .btn-login {
  position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent;
  width: 100%; border: 0; border-radius: 999px; padding: 13px 18px;
  background: #b80017; color: #fff; font-size: 14px; font-weight: 800;
  letter-spacing: 0.09em; text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(210,0,26,.22);
  transition: transform .18s ease, box-shadow .25s ease, background .25s ease;
}
.form-signin.form-login .btn-login:hover { background: #b80017; }
.form-signin.form-login .btn-login:active { transform: translateY(1px) scale(.99); box-shadow: 0 4px 10px rgba(210,0,26,.2); }

/* --- alt baglantilar --- */
.page-card .mtg-alt-bag {
  display: flex; align-items: stretch; justify-content: space-between;
  gap: 4px; margin: 22px -6px 2px; padding-top: 16px; border-top: 1px solid #eef0f3;
}
.mtg-alt-bag .mtg-bag-ayrac { width: 1px; background: #eef0f3; margin: 6px 0; flex: 0 0 1px; }
.mtg-alt-bag .mtg-bag-kutu {
  position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent;
  flex: 1 1 0; min-width: 0; background: none; border: 0; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  padding: 8px 4px; border-radius: 12px;
  transition: background .25s ease, transform .2s ease;
}
.mtg-alt-bag .mtg-bag-kutu:hover { background: #fbfbfc; }
.mtg-alt-bag .mtg-bag-kutu:active { transform: scale(.96); }
.mtg-alt-bag .mtg-bag-ikon { color: #b80017; display: flex; }
.mtg-alt-bag .mtg-bag-ad {
  font-size: 11px; line-height: 1.3; font-weight: 600; color: #475467; text-align: center;
}

/* --- uyari --- */
.page-card .mtg-uyari {
  background: #fff1f0; border: 1px solid #ffd5d1; color: #b42318;
  border-radius: 12px; padding: 10px 13px; font-size: 13px; line-height: 1.45;
  margin: 4px 0 12px; opacity: 0; transform: translateY(-4px);
  transition: opacity .28s ease, transform .28s ease;
}
.page-card .mtg-uyari.gorun { opacity: 1; transform: translateY(0); }

/* --- efektler --- */
.mtg-dalga {
  position: absolute; border-radius: 50%; pointer-events: none;
  background: rgba(210,0,26,.18); transform: scale(0); opacity: .75;
  animation: mtgDalga .6s cubic-bezier(.2,.6,.3,1) forwards;
}
.btn-login .mtg-dalga { background: rgba(255,255,255,.35); }
@keyframes mtgDalga { to { transform: scale(1); opacity: 0; } }

@keyframes mtgYenile { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.form-signin.form-login.mtg-yenile { animation: mtgYenile .34s ease both; }

@media (max-width: 480px) {
  .mtg-giris-secim { gap: 22px; }
  .mtg-alt-bag .mtg-bag-ad { font-size: 10.5px; }
}


/* ---- oncelik duzeltmeleri ---- */
.page-card .mtg-kart-ust { background: none !important; border: 0 !important; padding: 0 !important; gap: 0 !important; }
.page-card .mtg-kart-ust .mtg-marka-yazi {
  font-size: 34px !important; font-weight: 900 !important; color: #b80017 !important;
  letter-spacing: -0.5px !important; line-height: 1.05 !important; text-transform: uppercase !important;
}
@media (max-width: 480px) { .page-card .mtg-kart-ust .mtg-marka-yazi { font-size: 30px !important; } }

.page-card .mtg-giris-secim {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 0 0 12px !important; border-radius: 0 !important;
}
.page-card .mtg-giris-secim .mtg-secim-kutu {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: #98a2b3 !important; font-size: 15px !important; font-weight: 700 !important;
  letter-spacing: 0.07em !important; padding: 8px 10px !important;
}
.page-card .mtg-giris-secim .mtg-secim-kutu.aktif { background: transparent !important; color: #101828 !important; }

.for-login .mtg-alan-sar, .page-card .mtg-alan-sar {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid #e4e7ec !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 !important;
}
.for-login .mtg-alan-sar:focus-within, .page-card .mtg-alan-sar:focus-within { border-bottom-color: #b80017 !important; }
.for-login .mtg-alan-sar input.form-control, .page-card .mtg-alan-sar input.form-control {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 10px 2px !important;
}
.page-card .mtg-alan-ikon { color: #b80017 !important; }

.for-login .btn-login, .page-card .btn-login {
  background: #b80017 !important; border: 0 !important; border-radius: 999px !important;
  width: 100% !important; padding: 13px 18px !important; font-weight: 800 !important;
  letter-spacing: 0.09em !important;
}

.page-card .mtg-alt-bag .mtg-bag-kutu { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.page-card .mtg-alt-bag .mtg-bag-ikon { color: #b80017 !important; }


/* ---- alan ikonu hizasi ---- */
.page-card .mtg-alan-sar { display: flex !important; align-items: center !important; position: relative !important; }
.page-card .mtg-alan-ikon {
  position: static !important; flex: 0 0 auto !important; padding: 0 10px 0 2px !important;
  margin: 0 !important; top: auto !important; left: auto !important; transform: none !important;
}
.page-card .mtg-alan-sar input.form-control { flex: 1 1 auto !important; min-width: 0 !important; }
.page-card .mtg-goz { position: static !important; flex: 0 0 auto !important; margin: 0 !important; transform: none !important; }


/* ================= REFERANSA BIREBIR DUZEN ================= */
.page-card .page-card-head { margin-bottom: 0 !important; }
.page-card .mtg-kart-ust { margin: 16px 0 2px !important; }
.page-card .page-card-head h4 { margin: 20px 0 3px !important; font-size: 14px !important; }
.page-card .page-card-subtitle { font-size: 12px !important; }

.page-card .mtg-giris-secim { gap: 46px !important; margin: 34px 0 8px !important; padding-bottom: 12px !important; }
.page-card .mtg-giris-secim .mtg-secim-kutu { font-size: 16px !important; padding: 6px 8px !important; }

.form-signin.form-login .form-group { margin-bottom: 24px !important; }
.form-signin.form-login .form-group:first-of-type { margin-top: 22px !important; }
.page-card .mtg-goz { display: none !important; }
.page-card .mtg-kart-alt { display: none !important; }

.page-card .mtg-satir-ara { margin: 30px 0 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; }
.page-card .mtg-satir-ara .mtg-hatirla { display: none !important; }
.page-card .mtg-satir-ara .mtg-unuttum { font-size: 14px !important; font-weight: 700 !important; color: #101828 !important; }
.for-login .btn-login, .page-card .btn-login {
  width: auto !important; min-width: 132px !important; padding: 13px 30px !important;
  margin: 0 !important; flex: 0 0 auto !important; font-size: 14px !important;
}

.page-card .mtg-alt-bag { margin-top: 52px !important; padding-top: 18px !important; }
.page-card .mtg-alt-bag .mtg-bag-ad { font-size: 11px !important; color: #667085 !important; }

@media (max-width: 640px) {
  html, body { background: #fff !important; }
  body .for-login, body main.container, body .page_content, body .page-header-wrapper { background: #fff !important; }
  body .for-login .page-card, body .page-card {
    box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
    max-width: 100% !important; width: 100% !important; margin: 0 !important;
    padding: 30px 24px 26px !important; min-height: 100vh !important;
  }
  .page-card .mtg-kart-ust { margin-top: 26px !important; }
}


/* ================= INCE AYARLAR ================= */
.page-card .mtg-kart-ust { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }
.page-card .mtg-kart-ust .mtg-marka-logo { display: block !important; height: 40px !important; width: auto !important; border-radius: 9px !important; }
.page-card .mtg-kart-ust .mtg-marka-yazi { font-size: 30px !important; letter-spacing: -0.2px !important; }
@media (max-width: 480px) {
  .page-card .mtg-kart-ust .mtg-marka-logo { height: 36px !important; }
  .page-card .mtg-kart-ust .mtg-marka-yazi { font-size: 27px !important; }
}

.page-card .mtg-alan-sar { background-image: none !important; }
.page-card .mtg-alan-sar::before, .page-card .mtg-alan-sar::after { content: none !important; display: none !important; }
.page-card .mtg-alan-sar input.form-control { background-image: none !important; }
.page-card .mtg-alan-sar > svg, .page-card .mtg-alan-sar > img { display: none !important; }
.page-card .mtg-alan-ikon { color: #b80017 !important; opacity: 1 !important; }
.page-card .mtg-alan-ikon svg, .page-card .mtg-alan-ikon svg * { fill: none !important; stroke: #b80017 !important; opacity: 1 !important; }
.page-card .mtg-alan-ikon svg + svg, .page-card .mtg-alan-ikon img { display: none !important; }

.for-login .btn-login, .page-card .btn-login {
  box-shadow: none !important; text-shadow: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-weight: 500 !important; letter-spacing: 0.06em !important; text-indent: 0.06em !important; line-height: 1 !important;
}
.for-login .btn-login:hover, .page-card .btn-login:hover { box-shadow: none !important; }
.for-login .btn-login:active, .page-card .btn-login:active { box-shadow: none !important; }

.page-card .mtg-alt-bag .mtg-bag-ad { font-weight: 500 !important; color: #5b6b84 !important; letter-spacing: 0 !important; }
.page-card .mtg-satir-ara .mtg-unuttum { font-weight: 600 !important; }


/* Frappe'nin kendi gri alan ikonunu gizle */
.page-card svg.field-icon, .page-card .field-icon, .for-login svg.field-icon,
.page-card .form-group > svg, .page-card .control-input > svg { display: none !important; }
.page-card .mtg-alan-sar svg.field-icon { display: none !important; }


.page-card svg.toggle-password, .for-login svg.toggle-password { display: none !important; }


/* marka: yaziyi logoyla dikey ortala */
.page-card .mtg-kart-ust .mtg-marka-yazi { line-height: 1 !important; position: relative !important; top: 0 !important; }

/* alt yazi kaldirildi */
section.for-login .page-card-subtitle { display: none !important; }

/* masaustu: kart olculeri */
@media (min-width: 641px) {
  section.for-login .page-card { max-width: 430px !important; width: 100% !important; padding: 34px 36px 28px !important; }
  section.for-login .page-card .mtg-kart-ust { margin-top: 8px !important; }
  section.for-login .page-card .mtg-giris-secim { gap: 54px !important; }
  section.for-login .page-card .mtg-alt-bag { margin-top: 44px !important; }
}

@media (min-width: 641px) {
  section.for-login { width: 430px !important; max-width: 430px !important; }
}

/* ===== giris sonrasi acilis ekrani ===== */
body > .splash,
.centered.splash {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: #8f0014 !important;
  z-index: 999999 !important;
}
body > .splash img,
.centered.splash img {
  content: url("/files/mt-app-logo-v1.png") !important;
  width: 100% !important; max-width: 640px !important; height: auto !important; transform-origin: 50% 42% !important; animation: mtgNefes 2.4s ease-in-out infinite !important;
  margin: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}

body > .splash,
.centered.splash {
  transform: none !important;
  width: 100vw !important; height: 100vh !important;
  max-width: none !important; max-height: none !important;
}
body > .splash img,
.centered.splash img { margin: auto !important; display: block !important; }

/* ============ MT AKADEMI giris: dikey marka + tek kirmizi (v38) ============ */
body.mtg-giris-body .page-card .mtg-kart-ust,
body.mtg-giris-body .mtg-kart-ust {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 12px !important; text-align: center !important;
  width: 100% !important; margin: 4px auto 12px !important;
}
body.mtg-giris-body .mtg-kart-ust .mtg-marka-logo,
body.mtg-giris-body .page-card .mtg-kart-ust img.mtg-marka-logo {
  display: block !important; width: 64px !important; height: 64px !important;
  padding: 0 !important; box-sizing: border-box !important;
  margin: 0 auto !important; border-radius: 18px !important;
  background: #b80017 !important;
  content: url("/assets/mtgrup_mesai/pwa/mt_marka_k.png") !important;
}
body.mtg-giris-body .mtg-marka-yazi {
  color: #b80017 !important; line-height: 1 !important; margin: 0 !important;
}
body.mtg-giris-body .btn-login,
body.mtg-giris-body .page-card .btn-login,
body.mtg-giris-body button.btn-login,
body.mtg-giris-body .btn-login:hover,
body.mtg-giris-body .btn-login:focus,
body.mtg-giris-body .btn-login:active {
  background: #b80017 !important; background-image: none !important;
  border-color: #b80017 !important; box-shadow: none !important;
}
body.mtg-giris-body .mtg-secim-cizgi { background: #b80017 !important; }
body.mtg-giris-body .mtg-alan-ikon,
body.mtg-giris-body .mtg-alan-ikon svg,
body.mtg-giris-body .mtg-alt-bag svg,
body.mtg-giris-body .mtg-alt-ikon svg {
  color: #b80017 !important; stroke: #b80017 !important;
}

@keyframes mtgNefes{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

@view-transition { navigation: auto; }