body.oa-auth-modal-open{overflow:hidden!important}
#oa-auth-modal, #oa-auth-modal *{box-sizing:border-box;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#oa-auth-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:block!important;visibility:hidden!important;opacity:0!important;transition:opacity .22s ease,visibility .22s ease}
#oa-auth-modal.is-open{visibility:visible!important;opacity:1!important}
#oa-auth-modal .oa-auth-modal__backdrop{position:absolute!important;inset:0!important;background:rgba(4,8,16,.76)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
#oa-auth-modal [data-oa-view]{display:none!important}
#oa-auth-modal [data-oa-view].is-active{display:block!important}

/* prompt */
#oa-auth-modal .oa-auth-prompt{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 32px))!important;padding:28px 28px 24px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(7,14,29,.98),rgba(7,13,28,.98))!important;border:1px solid rgba(77,99,255,.16)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important}
#oa-auth-modal .oa-auth-close{position:absolute!important;top:16px!important;right:16px!important;width:26px!important;height:26px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;cursor:pointer!important;z-index:2}
#oa-auth-modal .oa-auth-close span{position:absolute!important;left:3px!important;top:12px!important;width:20px!important;height:2px!important;border-radius:999px!important;background:#7f88a3!important}
#oa-auth-modal .oa-auth-close--small span{background:#6878ff!important}
#oa-auth-modal .oa-auth-close span:first-child{transform:rotate(45deg)!important}
#oa-auth-modal .oa-auth-close span:last-child{transform:rotate(-45deg)!important}
#oa-auth-modal .oa-auth-prompt__icon{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;margin:0 auto 18px!important;border-radius:50%!important;background:#0e1a44!important;color:#4860ff!important}
#oa-auth-modal .oa-auth-prompt__title{margin:0 0 12px!important;color:#f5f7fd!important;text-align:center!important;font-size:18px!important;font-weight:800!important;line-height:1.35!important}
#oa-auth-modal .oa-auth-prompt__desc{max-width:330px!important;margin:0 auto 24px!important;color:#8f97ab!important;text-align:center!important;font-size:14px!important;line-height:1.55!important}
#oa-auth-modal .oa-auth-prompt__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#oa-auth-modal .oa-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 16px!important;border-radius:12px!important;font-size:15px!important;font-weight:800!important;border:0!important;cursor:pointer!important;text-decoration:none!important}
#oa-auth-modal .oa-btn--secondary{background:#1a2230!important;color:#f7f8fb!important;border:1px solid #2c3445!important}
#oa-auth-modal .oa-btn--primary{background:linear-gradient(135deg,#4c63ff,#3950e2)!important;color:#fff!important;box-shadow:0 12px 24px rgba(64,85,240,.25)!important}

/* full auth */
#oa-auth-modal .oa-auth-shell{position:absolute!important;inset:22px!important;border-radius:28px!important;background:radial-gradient(circle at 14% 15%, rgba(59,85,220,.22), transparent 28%), radial-gradient(circle at 86% 84%, rgba(116,41,193,.22), transparent 26%), #09101f!important;border:1px solid rgba(255,255,255,.05)!important;overflow:hidden!important}
#oa-auth-modal .oa-auth-shell .oa-auth-close{top:18px!important;left:18px!important;right:auto!important}
#oa-auth-modal .oa-auth-shell__bgtext{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.05)!important;font-size:clamp(140px,24vw,360px)!important;font-weight:900!important;letter-spacing:.02em!important;user-select:none!important;pointer-events:none!important}
#oa-auth-modal .oa-auth-card{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(470px,calc(100% - 40px))!important;padding:28px 32px 30px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(20,24,35,.86),rgba(8,12,22,.92))!important;box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)!important}
#oa-auth-modal .oa-auth-card--wide{width:min(620px,calc(100% - 40px))!important}
#oa-auth-modal .oa-brand-badge{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:max-content!important;margin:0 auto 18px!important;padding:14px 22px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.03)!important}
#oa-auth-modal .oa-brand-name{color:#f7f9ff!important;font-size:18px!important;font-weight:800!important}
#oa-auth-modal .oa-auth-title{margin:0 0 18px!important;text-align:center!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1.2!important}
#oa-auth-modal .oa-form{display:block!important}
#oa-auth-modal .oa-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
#oa-auth-modal .oa-label{display:block!important;margin:0 0 8px!important;color:#848da4!important;font-size:12px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
#oa-auth-modal .oa-field{position:relative!important;margin-bottom:14px!important}
#oa-auth-modal .oa-field input{display:block!important;width:100%!important;height:54px!important;padding:0 46px 0 46px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;background:#050913!important;color:#fff!important;font-size:16px!important;outline:none!important;box-shadow:none!important}
#oa-auth-modal .oa-field input::placeholder{color:#7b8396!important}
#oa-auth-modal .oa-field--focus input,#oa-auth-modal .oa-field input:focus{border-color:#4660ff!important;box-shadow:0 0 0 3px rgba(70,96,255,.14)!important}
#oa-auth-modal .oa-field__icon{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8d96ab!important;font-size:17px!important;font-weight:700!important}
#oa-auth-modal .oa-pass-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;border:0!important;background:none!important;color:#8d96ab!important;padding:0!important;cursor:pointer!important}
#oa-auth-modal .oa-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:4px 0 16px!important}
#oa-auth-modal .oa-check{display:inline-flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important}
#oa-auth-modal .oa-check input{display:none!important}
#oa-auth-modal .oa-check span{display:inline-block!important;width:18px!important;height:18px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.26)!important;background:transparent!important;flex:0 0 auto!important}
#oa-auth-modal .oa-check input:checked + span{background:#4d63ff!important;border-color:#4d63ff!important;box-shadow:inset 0 0 0 4px #09101d!important}
#oa-auth-modal .oa-check em{font-style:normal!important;color:#d0d6e2!important;font-size:14px!important}
#oa-auth-modal .oa-check--terms{margin:8px 0 16px!important;align-items:flex-start!important}
#oa-auth-modal .oa-check--terms em{line-height:1.45!important}
#oa-auth-modal .oa-link,#oa-auth-modal .oa-link-btn{color:#4d63ff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;background:none!important;border:0!important;padding:0!important;cursor:pointer!important}
#oa-auth-modal .oa-status{display:none!important;margin:0 0 14px!important;padding:12px 14px!important;border-radius:14px!important;font-size:14px!important;font-weight:700!important}
#oa-auth-modal .oa-status.is-error{display:block!important;background:rgba(239,68,68,.12)!important;color:#ffb7b7!important;border:1px solid rgba(239,68,68,.2)!important}
#oa-auth-modal .oa-status.is-success{display:block!important;background:rgba(34,197,94,.12)!important;color:#baf4ca!important;border:1px solid rgba(34,197,94,.2)!important}
#oa-auth-modal .oa-status.is-loading{display:block!important;background:rgba(77,99,255,.12)!important;color:#d2d9ff!important;border:1px solid rgba(77,99,255,.2)!important}
#oa-auth-modal .oa-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:52px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#4d63ff,#3950e2)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 14px 26px rgba(52,72,208,.24)!important}
#oa-auth-modal .oa-submit i{font-style:normal!important}
#oa-auth-modal .oa-bottom-link{margin-top:18px!important;text-align:center!important;color:#a7afc0!important;font-size:14px!important}

@media (max-width: 767px){
  #oa-auth-modal .oa-auth-shell{inset:10px!important}
  #oa-auth-modal .oa-auth-card,#oa-auth-modal .oa-auth-card--wide{width:calc(100% - 24px)!important;padding:22px 16px 20px!important}
  #oa-auth-modal .oa-grid,#oa-auth-modal .oa-auth-prompt__actions{grid-template-columns:1fr!important}
  #oa-auth-modal .oa-row{flex-direction:column!important;align-items:flex-start!important}
  #oa-auth-modal .oa-auth-title{font-size:24px!important}
}

/* v1.3.1 */
#oa-auth-modal .oa-brand-badge{
  gap:0!important;
  padding:13px 22px!important;
  margin-bottom:20px!important;
}
#oa-auth-modal .oa-brand-name{
  font-family:'Poppins',sans-serif!important;
  letter-spacing:-.02em!important;
}
#oa-auth-modal button,
#oa-auth-modal input,
#oa-auth-modal a,
#oa-auth-modal label,
#oa-auth-modal span,
#oa-auth-modal p,
#oa-auth-modal h2,
#oa-auth-modal h3,
#oa-auth-modal em{
  font-family:'Poppins',sans-serif!important;
}

/* v1.3.2 - Sahte doğrulama alanları kaldırıldı */
#oa-auth-modal .oa-status{
  margin-top:2px!important;
}


/* v1.3.4 - Kesin viewport merkezleme */
html.oa-auth-modal-open,
body.oa-auth-modal-open{
  overflow:hidden!important;
}

#oa-auth-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  contain:layout style paint!important;
}

#oa-auth-modal .oa-auth-modal__backdrop{
  position:fixed!important;
  inset:0!important;
}

#oa-auth-modal .oa-auth-shell{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  margin:0!important;
  padding:24px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
  border-radius:0!important;
}

#oa-auth-modal .oa-auth-shell.is-active{
  display:flex!important;
}

#oa-auth-modal .oa-auth-card,
#oa-auth-modal .oa-auth-card--wide{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:auto!important;
  flex:0 0 auto!important;
  max-height:calc(100dvh - 48px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

#oa-auth-modal .oa-auth-prompt{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}

@media (max-width:767px){
  #oa-auth-modal .oa-auth-shell{
    padding:12px!important;
  }

  #oa-auth-modal .oa-auth-card,
  #oa-auth-modal .oa-auth-card--wide{
    width:min(100%,620px)!important;
    max-height:calc(100dvh - 24px)!important;
  }
}

/* v1.4.0 — Google ile giriş */
#oa-auth-modal .oa-social-auth{
  width:100%!important;
  margin:0 0 16px!important;
}

#oa-auth-modal .oa-social-buttons{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
}

#oa-auth-modal .oa-social-buttons--two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#oa-auth-modal .oa-social-button-slot{
  width:100%!important;
  min-width:0!important;
}

#oa-auth-modal .oa-google-button-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  overflow:hidden!important;
  border-radius:8px!important;
}

#oa-auth-modal .oa-google-button-wrap>div,
#oa-auth-modal .oa-google-button-wrap iframe{
  width:100%!important;
  max-width:100%!important;
  height:40px!important;
  min-height:40px!important;
}

#oa-auth-modal .oa-google-legal{
  max-width:430px!important;
  margin:9px auto 0!important;
  color:#737d91!important;
  font-size:10px!important;
  line-height:1.55!important;
  text-align:center!important;
}

#oa-auth-modal .oa-google-legal a{
  color:#aeb8ff!important;
  font-size:inherit!important;
  font-weight:600!important;
  text-decoration:none!important;
}

#oa-auth-modal .oa-google-legal a:hover{
  text-decoration:underline!important;
}

#oa-auth-modal .oa-social-divider{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:14px 0 0!important;
  color:#737d91!important;
  font-size:11px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

#oa-auth-modal .oa-social-divider::before,
#oa-auth-modal .oa-social-divider::after{
  content:''!important;
  flex:1 1 auto!important;
  height:1px!important;
  background:rgba(255,255,255,.09)!important;
}

#oa-auth-modal .oa-social-divider span{
  flex:0 0 auto!important;
  color:#737d91!important;
  font-size:11px!important;
  font-weight:700!important;
}

@media(max-height:820px){
  #oa-auth-modal .oa-social-auth{
    margin-bottom:12px!important;
  }

  #oa-auth-modal .oa-google-legal{
    margin-top:6px!important;
    font-size:9px!important;
  }

  #oa-auth-modal .oa-social-divider{
    margin-top:10px!important;
  }
}

/* v1.4.1 — Google yükleme teşhisi */
#oa-auth-modal .oa-google-load-error{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  padding:8px 10px!important;
  border:1px solid rgba(239,68,68,.24)!important;
  border-radius:8px!important;
  color:#ffb7b7!important;
  background:rgba(239,68,68,.09)!important;
  font-size:10px!important;
  line-height:1.35!important;
}

#oa-auth-modal .oa-google-load-error span{
  flex:1 1 auto!important;
  color:#ffb7b7!important;
  font-size:10px!important;
}

#oa-auth-modal .oa-google-load-error button{
  flex:0 0 auto!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  color:#fff!important;
  background:#25304b!important;
  font-size:9px!important;
  font-weight:700!important;
  cursor:pointer!important;
}

/* E-posta kodlu 2FA */
.oa-auth-card--two-factor{max-width:460px;text-align:center}
.oa-two-factor-icon{width:58px;height:58px;margin:4px auto 18px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#172a45,#132238);color:#7fa2ff;border:1px solid #2a436a;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.oa-two-factor-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oa-two-factor-copy{margin:-8px auto 22px;max-width:360px;color:#8e9db7;font-size:13px;line-height:1.65}
.oa-two-factor-copy strong{color:#dbe6ff;font-weight:600}
.oa-two-factor-code{width:100%;height:58px;border:1px solid #334866;border-radius:15px;background:#0b1523;color:#fff;font-size:28px;font-weight:700;letter-spacing:.32em;text-align:center;outline:none;padding-left:.32em;transition:.2s}
.oa-two-factor-code:focus{border-color:#6389e8;box-shadow:0 0 0 3px rgba(74,112,214,.14)}
.oa-two-factor-trust{margin:14px 0 4px;justify-content:flex-start;text-align:left}
.oa-two-factor-trust em{color:#8f9db3;font-size:11px;line-height:1.45}
.oa-two-factor-resend{width:100%;margin-top:10px;border:0;background:transparent;color:#8fa8df;font-size:11px;font-weight:600;cursor:pointer;padding:10px}
.oa-two-factor-resend:hover{color:#fff}.oa-two-factor-resend:disabled{opacity:.5;cursor:not-allowed}


/* v1.4.4 — 2FA görünürlük, tipografi ve taşma düzeltmeleri */
html.oa-auth-modal-open,
body.oa-auth-modal-open{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
}

#oa-auth-modal{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
}

#oa-auth-modal .oa-auth-shell[data-oa-view="two-factor"]{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:20px!important;
}

#oa-auth-modal .oa-auth-shell[data-oa-view="two-factor"] .oa-auth-shell__bgtext{
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:clamp(96px,16vw,260px)!important;
  font-weight:800!important;
  letter-spacing:-.055em!important;
  line-height:1!important;
  color:rgba(255,255,255,.035)!important;
}

#oa-auth-modal .oa-auth-card--two-factor{
  width:min(440px,calc(100% - 32px))!important;
  max-width:440px!important;
  padding:26px 30px 28px!important;
  overflow:visible!important;
  text-align:center!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-brand-badge{
  margin-bottom:18px!important;
  padding:12px 20px!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-brand-name,
#oa-auth-modal .oa-auth-card--two-factor .oa-auth-title,
#oa-auth-modal .oa-auth-card--two-factor .oa-submit{
  font-weight:700!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-auth-title{
  margin-bottom:14px!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-copy{
  margin:-2px auto 18px!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-label{
  margin-bottom:8px!important;
  color:#9aa9c6!important;
  font-size:11px!important;
  font-weight:700!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-code{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  margin:0!important;
  padding:0 18px 0 calc(18px + .28em)!important;
  border:1px solid #405778!important;
  border-radius:15px!important;
  background:#08111f!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#7fa2ff!important;
  opacity:1!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:.28em!important;
  line-height:62px!important;
  text-align:center!important;
  text-indent:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.1)!important;
  outline:none!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-code::placeholder{
  color:rgba(190,203,229,.34)!important;
  -webkit-text-fill-color:rgba(190,203,229,.34)!important;
  opacity:1!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-code:focus{
  border-color:#6d8ff0!important;
  box-shadow:0 0 0 3px rgba(82,119,224,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-trust{
  margin:14px 0 8px!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-submit{
  height:50px!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-resend{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  margin-top:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:#111b2a!important;
  color:#aebbd2!important;
  font-size:11px!important;
  font-weight:600!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-resend:hover:not(:disabled){
  border-color:#42577a!important;
  color:#fff!important;
  background:#152237!important;
}

#oa-auth-modal .oa-auth-card--two-factor .oa-two-factor-resend:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}

@media(max-width:767px){
  #oa-auth-modal .oa-auth-shell[data-oa-view="two-factor"]{
    padding:12px!important;
  }
  #oa-auth-modal .oa-auth-card--two-factor{
    width:min(100%,420px)!important;
    padding:22px 18px 24px!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="two-factor"] .oa-auth-shell__bgtext{
    font-size:clamp(72px,22vw,150px)!important;
  }
}

/* v1.4.7 — Google ve Steam tam eşit yükseklikte */
#oa-auth-modal .oa-steam-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  gap:8px!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px 0 46px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#202124!important;
  box-shadow:none!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transition:border-color .18s ease,background .18s ease!important;
}

#oa-auth-modal .oa-steam-button:hover{
  border-color:#66c0f4!important;
  color:#fff!important;
  background:#292a2d!important;
  transform:none!important;
}

#oa-auth-modal .oa-steam-button.is-loading{
  opacity:.72!important;
  pointer-events:none!important;
}

#oa-auth-modal .oa-steam-button__icon{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:1px!important;
  top:1px!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  color:#1b2838!important;
  background:#fff!important;
  border-radius:7px 0 0 7px!important;
}

#oa-auth-modal .oa-steam-button__icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  fill:currentColor!important;
}

#oa-auth-modal .oa-steam-button__label{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#oa-auth-modal .oa-auth-shell[data-oa-view="steam-complete"]{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:20px!important;
}

#oa-auth-modal .oa-auth-card--steam{
  width:min(470px,calc(100% - 32px))!important;
  max-width:470px!important;
  padding:26px 30px 28px!important;
  text-align:center!important;
}

#oa-auth-modal .oa-steam-profile-avatar{
  display:block!important;
  width:72px!important;
  height:72px!important;
  margin:0 auto 16px!important;
  border:2px solid rgba(102,192,244,.55)!important;
  border-radius:18px!important;
  object-fit:cover!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 5px rgba(102,192,244,.08)!important;
}

#oa-auth-modal .oa-steam-profile-avatar--empty{
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1b2838,#66c0f4)!important;
  font-size:28px!important;
  font-weight:800!important;
}

#oa-auth-modal .oa-steam-complete-copy{
  max-width:400px!important;
  margin:-5px auto 20px!important;
  color:#8e9db7!important;
  font-size:12px!important;
  line-height:1.65!important;
  text-align:center!important;
}

#oa-auth-modal .oa-steam-complete-copy strong{
  color:#dceaff!important;
  font-weight:700!important;
}

#oa-auth-modal .oa-auth-card--steam .oa-form{
  text-align:left!important;
}

#oa-auth-modal .oa-auth-card--steam .oa-submit,
#oa-auth-modal .oa-auth-card--steam .oa-bottom-link{
  text-align:center!important;
}

@media(max-height:860px){
  #oa-auth-modal .oa-social-auth{
    margin-bottom:10px!important;
  }
  #oa-auth-modal .oa-steam-button{
    height:40px!important;
    min-height:40px!important;
  }
  #oa-auth-modal .oa-google-legal{
    display:none!important;
  }
}

@media(max-width:560px){
  #oa-auth-modal .oa-social-buttons--two{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:767px){
  #oa-auth-modal .oa-auth-shell[data-oa-view="steam-complete"]{
    padding:12px!important;
  }
  #oa-auth-modal .oa-auth-card--steam{
    width:min(100%,440px)!important;
    padding:22px 18px 24px!important;
  }
}


/* v1.4.8 — Google ve Steam düğmeleri alt alta ve eşit ölçüde */
#oa-auth-modal .oa-social-buttons,
#oa-auth-modal .oa-social-buttons--one,
#oa-auth-modal .oa-social-buttons--two{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:min(100%,400px)!important;
  max-width:400px!important;
  margin:0 auto!important;
}

#oa-auth-modal .oa-social-button-slot,
#oa-auth-modal .oa-google-button-wrap,
#oa-auth-modal .oa-steam-button{
  width:100%!important;
  max-width:400px!important;
  min-width:0!important;
}

#oa-auth-modal .oa-google-button-wrap,
#oa-auth-modal .oa-google-button-wrap > div,
#oa-auth-modal .oa-google-button-wrap iframe,
#oa-auth-modal .oa-steam-button{
  height:40px!important;
  min-height:40px!important;
}

#oa-auth-modal .oa-steam-button{
  justify-content:center!important;
  padding-right:16px!important;
  padding-left:48px!important;
}

#oa-auth-modal .oa-steam-button__label{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@media(max-width:460px){
  #oa-auth-modal .oa-social-buttons,
  #oa-auth-modal .oa-social-buttons--one,
  #oa-auth-modal .oa-social-buttons--two{
    width:100%!important;
    max-width:none!important;
  }

  #oa-auth-modal .oa-social-button-slot,
  #oa-auth-modal .oa-google-button-wrap,
  #oa-auth-modal .oa-steam-button{
    max-width:none!important;
  }
}


/* v1.4.9 - Güçlü şifre kuralları */
#oa-auth-modal .oa-password-rules{
  margin:-3px 0 16px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:rgba(7,12,24,.72)!important;
  color:#9aa4b8!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#oa-auth-modal .oa-password-rules strong{
  display:block!important;
  margin-bottom:7px!important;
  color:#dce2ef!important;
  font-size:12px!important;
  font-weight:600!important;
}
#oa-auth-modal .oa-password-rules ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px 14px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#oa-auth-modal .oa-password-rules li{
  position:relative!important;
  margin:0!important;
  padding-left:18px!important;
  color:#8f99ad!important;
  font-size:12px!important;
}
#oa-auth-modal .oa-password-rules li:before{
  content:'•'!important;
  position:absolute!important;
  left:3px!important;
  top:0!important;
  color:#687389!important;
}
#oa-auth-modal .oa-password-rules li.is-valid{color:#42dda0!important}
#oa-auth-modal .oa-password-rules li.is-valid:before{content:'✓'!important;color:#42dda0!important;font-weight:700!important}
#oa-auth-modal .oa-password-rules li.is-invalid{color:#ff8a92!important}
#oa-auth-modal .oa-password-rules li.is-invalid:before{content:'×'!important;color:#ff6873!important;font-weight:700!important}
@media (max-width:600px){
  #oa-auth-modal .oa-password-rules ul{grid-template-columns:1fr!important}
}

/* v1.5.1 — Geniş ve merkezlenmiş kayıt ekranı */
#oa-auth-modal .oa-auth-shell[data-oa-view="register"]{
  padding:24px 32px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"]::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-auth-card--wide{
  width:min(1080px,calc(100vw - 96px))!important;
  max-width:1080px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:28px 36px 30px!important;
  margin:auto!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-register-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-register-grid>div{
  min-width:0!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-social-buttons,
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-social-buttons--one,
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-social-buttons--two{
  width:min(100%,520px)!important;
  max-width:520px!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-google-legal{
  max-width:560px!important;
}
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-password-rules ul{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px 12px!important;
}

@media (max-width:1180px){
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-auth-card--wide{
    width:min(860px,calc(100vw - 64px))!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-register-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-password-rules ul{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:767px){
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"]{
    padding:10px!important;
    align-items:flex-start!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-auth-card--wide{
    width:100%!important;
    max-width:620px!important;
    padding:22px 16px 20px!important;
    border-radius:22px!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-register-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-password-rules ul{
    grid-template-columns:1fr!important;
  }
}


/* v1.5.2 — Kayıt ekranında sosyal giriş düğmelerini tam ortala */
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-social-button-slot,
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-google-button-wrap,
#oa-auth-modal .oa-auth-shell[data-oa-view="register"] .oa-steam-button{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* OA PASSWORD RESET v1.5.11 */
#oa-auth-modal .oa-auth-shell[data-oa-view="forgot-password"],
#oa-auth-modal .oa-auth-shell[data-oa-view="reset-password"]{overflow:auto!important}
#oa-auth-modal .oa-auth-card--reset{max-width:500px!important;text-align:center!important}
#oa-auth-modal .oa-reset-icon{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0 auto 14px!important;border:1px solid rgba(90,113,255,.22)!important;border-radius:15px!important;background:rgba(75,94,224,.12)!important;color:#8ea2ff!important}
#oa-auth-modal .oa-reset-icon svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#oa-auth-modal .oa-reset-copy{max-width:410px!important;margin:0 auto 20px!important;color:#9dacbf!important;font-size:13px!important;font-weight:400!important;line-height:1.7!important;text-align:center!important}
#oa-auth-modal .oa-forgot-link{border:0!important;background:transparent!important;padding:0!important;margin:0!important;font-family:inherit!important;cursor:pointer!important}
#oa-auth-modal .oa-reset-sent{padding:8px 0 2px!important;text-align:center!important}
#oa-auth-modal .oa-reset-sent__check{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;margin:0 auto 16px!important;border-radius:50%!important;background:rgba(34,197,94,.12)!important;border:1px solid rgba(34,197,94,.22)!important;color:#6ee7a0!important;font-size:25px!important;font-weight:600!important}
#oa-auth-modal .oa-reset-sent strong{display:block!important;margin-bottom:9px!important;color:#fff!important;font-size:19px!important;line-height:1.35!important;font-weight:600!important}
#oa-auth-modal .oa-reset-sent p{margin:0 0 20px!important;color:#9dacbf!important;font-size:13px!important;line-height:1.7!important}
#oa-auth-modal .oa-reset-sent p b{color:#dbe3f2!important;font-weight:600!important}
#oa-auth-modal [data-oa-reset-password-rules]{text-align:left!important}
#oa-auth-modal [data-reset-password-rule].is-valid{color:#42dda0!important}
#oa-auth-modal [data-reset-password-rule].is-valid:before{content:'✓'!important;color:#42dda0!important;font-weight:700!important}
#oa-auth-modal [data-reset-password-rule].is-invalid{color:#ff8a92!important}
#oa-auth-modal [data-reset-password-rule].is-invalid:before{content:'×'!important;color:#ff6873!important;font-weight:700!important}
@media(max-width:767px){
  #oa-auth-modal .oa-auth-card--reset{width:calc(100% - 24px)!important;padding:22px 16px 20px!important}
  #oa-auth-modal .oa-reset-copy{font-size:12px!important}
}


/* v1.5.13 - Şifre sıfırlama arka plan başlığını gerçek merkezde tut */
#oa-auth-modal .oa-auth-shell[data-oa-view="reset-password"] .oa-auth-shell__bgtext{
    inset:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-size:clamp(105px,14vw,240px)!important;
    line-height:1!important;
}

/* v1.5.16 — Google hızlı kayıt: yalnızca bilgi gösterimi + kopyalama */
#oa-auth-modal .oa-google-onboarding-shell{
  background:rgba(10,13,27,.86)!important;
  backdrop-filter:blur(8px)!important;
}
#oa-auth-modal .oa-google-onboarding-shell .oa-auth-shell__bgtext{
  color:rgba(255,255,255,.025)!important;
}
#oa-auth-modal .oa-auth-card--google-onboarding{
  position:relative!important;
  width:min(474px,calc(100% - 28px))!important;
  padding:27px 34px 31px!important;
  border-radius:15px!important;
  background:#34394f!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
}
#oa-auth-modal .oa-google-onboarding-close{
  position:absolute!important;
  top:11px!important;
  right:14px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#9fa6b6!important;
  font-size:28px!important;
  font-weight:300!important;
  line-height:26px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#oa-auth-modal .oa-google-onboarding-close:hover{color:#fff!important}
#oa-auth-modal .oa-google-onboarding-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin:0 auto 16px!important;
  border-radius:50%!important;
  background:#f5dede!important;
  color:#e53b34!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1!important;
}
#oa-auth-modal .oa-auth-card--google-onboarding .oa-auth-title{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:center!important;
}
#oa-auth-modal .oa-google-onboarding-copy{
  margin:0 auto 16px!important;
  color:#c8cad3!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.55!important;
  text-align:center!important;
}
#oa-auth-modal .oa-google-onboarding-summary{
  margin:0 0 24px!important;
  padding:11px 12px 10px!important;
  border-radius:8px!important;
  background:#65404e!important;
  border:0!important;
}
#oa-auth-modal .oa-google-onboarding-row{
  display:grid!important;
  grid-template-columns:125px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:25px!important;
  padding:2px 0!important;
  border:0!important;
}
#oa-auth-modal .oa-google-onboarding-row>span{
  color:#d9d2d6!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
#oa-auth-modal .oa-google-onboarding-row>strong{
  min-width:0!important;
  color:#ff7a80!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
  user-select:text!important;
}
#oa-auth-modal .oa-google-copy-login{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  height:31px!important;
  margin:8px 0 7px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:5px!important;
  background:#ef2428!important;
  color:#fff!important;
  font-family:Poppins,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#oa-auth-modal .oa-google-copy-login:hover{background:#ff3034!important}
#oa-auth-modal .oa-google-copy-login__icon{
  font-size:13px!important;
  line-height:1!important;
}
#oa-auth-modal .oa-google-onboarding-hint{
  margin:0!important;
  color:#aa9da3!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.4!important;
  text-align:center!important;
}
#oa-auth-modal .oa-google-onboarding-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin-top:0!important;
}
#oa-auth-modal .oa-google-onboarding-primary,
#oa-auth-modal .oa-google-onboarding-cancel{
  height:38px!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:6px!important;
  font-family:Poppins,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#oa-auth-modal .oa-google-onboarding-primary{
  min-width:116px!important;
  background:#4389f4!important;
  color:#fff!important;
}
#oa-auth-modal .oa-google-onboarding-primary:hover{background:#5797f8!important}
#oa-auth-modal .oa-google-onboarding-cancel{
  min-width:66px!important;
  background:#7b8190!important;
  color:#fff!important;
}
#oa-auth-modal .oa-google-onboarding-cancel:hover{background:#8b92a2!important}
#oa-auth-modal .oa-auth-card--google-onboarding .oa-status:not(:empty){
  margin:0 0 10px!important;
  font-size:11px!important;
}

@media(max-width:600px){
  #oa-auth-modal .oa-auth-card--google-onboarding{
    width:min(100%,474px)!important;
    padding:26px 18px 24px!important;
    border-radius:13px!important;
  }
  #oa-auth-modal .oa-google-onboarding-row{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:8px!important;
  }
  #oa-auth-modal .oa-google-onboarding-actions{
    margin-top:2px!important;
  }
}


/* v1.5.17 — Google hesap seçiminden sonra kilitli işlem ekranı */
#oa-auth-modal .oa-google-processing-shell{
  background:rgba(8,12,22,.88)!important;
  backdrop-filter:blur(9px)!important;
}
#oa-auth-modal .oa-google-processing-shell .oa-auth-shell__bgtext{
  color:rgba(255,255,255,.022)!important;
}
#oa-auth-modal .oa-auth-card--google-processing{
  width:min(430px,calc(100% - 28px))!important;
  min-height:260px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 30px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:#202637!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
  text-align:center!important;
  pointer-events:none!important;
}
#oa-auth-modal .oa-google-processing-spinner{
  position:relative!important;
  width:56px!important;
  height:56px!important;
  margin:0 0 20px!important;
  border:2px solid rgba(116,137,255,.16)!important;
  border-radius:50%!important;
}
#oa-auth-modal .oa-google-processing-spinner::before,
#oa-auth-modal .oa-google-processing-spinner::after{
  content:''!important;
  position:absolute!important;
  border-radius:50%!important;
}
#oa-auth-modal .oa-google-processing-spinner::before{
  inset:-2px!important;
  border:2px solid transparent!important;
  border-top-color:#7489ff!important;
  border-right-color:#7489ff!important;
  animation:oaGoogleProcessingSpin .8s linear infinite!important;
}
#oa-auth-modal .oa-google-processing-spinner::after{
  inset:15px!important;
  background:#7489ff!important;
  box-shadow:0 0 22px rgba(116,137,255,.42)!important;
  opacity:.72!important;
}
#oa-auth-modal .oa-auth-card--google-processing .oa-auth-title{
  margin:0 0 9px!important;
  color:#edf1f8!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
#oa-auth-modal .oa-google-processing-copy{
  max-width:330px!important;
  margin:0!important;
  color:#9ca9bc!important;
  font-size:12px!important;
  line-height:1.7!important;
  font-weight:400!important;
}
#oa-auth-modal .oa-google-processing-dots{
  display:flex!important;
  gap:5px!important;
  margin-top:19px!important;
}
#oa-auth-modal .oa-google-processing-dots i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#7489ff!important;
  opacity:.25!important;
  animation:oaGoogleDot 1.2s ease-in-out infinite!important;
}
#oa-auth-modal .oa-google-processing-dots i:nth-child(2){animation-delay:.15s!important}
#oa-auth-modal .oa-google-processing-dots i:nth-child(3){animation-delay:.3s!important}
#oa-auth-modal [data-oa-google-button].is-processing{
  opacity:.55!important;
  pointer-events:none!important;
}
@keyframes oaGoogleProcessingSpin{to{transform:rotate(360deg)}}
@keyframes oaGoogleDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){
  #oa-auth-modal .oa-auth-card--google-processing{
    width:calc(100% - 24px)!important;
    min-height:235px!important;
    padding:30px 22px!important;
  }
  #oa-auth-modal .oa-google-processing-spinner{width:50px!important;height:50px!important}
  #oa-auth-modal .oa-auth-card--google-processing .oa-auth-title{font-size:17px!important}
  #oa-auth-modal .oa-google-processing-copy{font-size:12px!important}
}


/* =========================================================
 * v1.5.18 — Mobil Google / Steam düğmeleri
 * Google GSI iframe'inin dar kalmasını ve yazının kesilmesini engeller.
 * ======================================================= */
@media(max-width:560px){
  #oa-auth-modal .oa-social-auth{
    width:100%!important;
    max-width:none!important;
    margin:0 0 14px!important;
  }

  #oa-auth-modal .oa-social-buttons,
  #oa-auth-modal .oa-social-buttons--one,
  #oa-auth-modal .oa-social-buttons--two{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  #oa-auth-modal .oa-social-button-slot{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  #oa-auth-modal .oa-google-button-wrap{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:8px!important;
  }

  #oa-auth-modal .oa-google-button-wrap > div{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  #oa-auth-modal .oa-google-button-wrap iframe{
    display:block!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    transform:none!important;
  }

  #oa-auth-modal .oa-steam-button{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 42px!important;
  }

  #oa-auth-modal .oa-steam-button__label{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    text-align:center!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}

@media(max-width:380px){
  #oa-auth-modal .oa-auth-shell[data-oa-view="login"] .oa-auth-card{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  #oa-auth-modal .oa-steam-button{
    padding-left:40px!important;
    padding-right:12px!important;
    font-size:12px!important;
  }
}


/* =========================================================
 * v1.5.19 — Mobil sosyal giriş düğmeleri birebir aynı ölçü
 * Google GSI gerçek tıklama katmanı korunur; görsel yüzey Steam ile eşittir.
 * ======================================================= */
@media(max-width:560px){
  #oa-auth-modal .oa-social-buttons,
  #oa-auth-modal .oa-social-buttons--one,
  #oa-auth-modal .oa-social-buttons--two{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #oa-auth-modal .oa-social-button-slot{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #oa-auth-modal .oa-google-button-wrap,
  #oa-auth-modal .oa-steam-button{
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 42px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:8px!important;
    background:#202124!important;
    box-shadow:none!important;
    overflow:hidden!important;
    color:#fff!important;
    font-family:'Poppins',Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
  }

  /* Google düğmesinin görünen yüzeyi */
  #oa-auth-modal .oa-google-button-wrap::before{
    content:""!important;
    position:absolute!important;
    left:1px!important;
    top:1px!important;
    z-index:1!important;
    display:block!important;
    width:38px!important;
    height:38px!important;
    border-radius:7px 0 0 7px!important;
    background-color:#fff!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:18px 18px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M21.6 12.23c0-.71-.06-1.4-.18-2.07H12v3.91h5.38a4.6 4.6 0 0 1-2 3.02v2.54h3.24c1.9-1.75 2.98-4.33 2.98-7.4Z'/%3E%3Cpath fill='%2334A853' d='M12 22c2.7 0 4.97-.9 6.62-2.37l-3.24-2.54c-.9.6-2.05.96-3.38.96-2.61 0-4.82-1.76-5.61-4.13H3.04v2.62A10 10 0 0 0 12 22Z'/%3E%3Cpath fill='%23FBBC05' d='M6.39 13.92A6.02 6.02 0 0 1 6.08 12c0-.67.11-1.32.31-1.92V7.46H3.04A10 10 0 0 0 2 12c0 1.61.38 3.14 1.04 4.54l3.35-2.62Z'/%3E%3Cpath fill='%23EA4335' d='M12 5.95c1.47 0 2.79.51 3.83 1.5l2.87-2.87A9.64 9.64 0 0 0 12 2a10 10 0 0 0-8.96 5.46l3.35 2.62C7.18 7.71 9.39 5.95 12 5.95Z'/%3E%3C/svg%3E")!important;
  }

  #oa-auth-modal .oa-google-button-wrap::after{
    content:"Google ile devam edin"!important;
    position:relative!important;
    z-index:1!important;
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }

  /* Gerçek Google GSI butonu tüm yüzeyi tıklanabilir şekilde üstte kalır,
     fakat kendi görseli görünmez. */
  #oa-auth-modal .oa-google-button-wrap > div{
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  #oa-auth-modal .oa-google-button-wrap iframe{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    border:0!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  #oa-auth-modal .oa-google-button-wrap:hover,
  #oa-auth-modal .oa-steam-button:hover{
    border-color:rgba(255,255,255,.30)!important;
    background:#292a2d!important;
  }

  #oa-auth-modal .oa-steam-button{
    padding-left:42px!important;
    padding-right:42px!important;
    font-size:13px!important;
    font-weight:500!important;
  }

  #oa-auth-modal .oa-steam-button__icon{
    left:1px!important;
    top:1px!important;
    width:38px!important;
    height:38px!important;
    border-radius:7px 0 0 7px!important;
  }

  #oa-auth-modal .oa-steam-button__label{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media(max-width:380px){
  #oa-auth-modal .oa-google-button-wrap,
  #oa-auth-modal .oa-steam-button{
    padding-left:42px!important;
    padding-right:16px!important;
  }

  #oa-auth-modal .oa-google-button-wrap::after,
  #oa-auth-modal .oa-steam-button__label{
    font-size:12px!important;
  }
}


/* =========================================================
 * v1.5.21 — Mobil Google GSI tıklama düzeltmesi
 * Gerçek Google iframe'i gizlenmez; sahte görsel katman kaldırılır.
 * ======================================================= */
@media(max-width:560px){
  #oa-auth-modal .oa-google-button-wrap{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  #oa-auth-modal .oa-google-button-wrap::before,
  #oa-auth-modal .oa-google-button-wrap::after{
    content:none!important;
    display:none!important;
  }

  #oa-auth-modal .oa-google-button-wrap > div{
    position:relative!important;
    inset:auto!important;
    z-index:5!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  #oa-auth-modal .oa-google-button-wrap iframe{
    position:relative!important;
    inset:auto!important;
    z-index:6!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    border:0!important;
    transform:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}


/* v1.5.22 — mobil Google girişinde iframe bağımlılığı kaldırıldı */
#oa-auth-modal .oa-google-mobile-button{display:none!important}
@media(max-width:560px){
  #oa-auth-modal .oa-google-button-wrap{display:none!important}
  #oa-auth-modal .oa-google-mobile-button{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:#202124!important;color:#fff!important;box-shadow:none!important;font-family:'Poppins',Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;pointer-events:auto!important;z-index:20!important}
  #oa-auth-modal .oa-google-mobile-button__icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:7px!important;background:#fff!important}
  #oa-auth-modal .oa-google-mobile-button__icon svg{display:block!important;width:19px!important;height:19px!important}
  #oa-auth-modal .oa-google-mobile-button:active{transform:translateY(1px)!important;background:#292a2d!important}
}


/* =========================================================
 * v1.5.23 — Mobil Google: gerçek GSI/FedCM butonu
 * ======================================================= */
#oa-auth-modal .oa-google-mobile-button{display:none!important}
@media(max-width:560px){
  #oa-auth-modal .oa-google-button-wrap{
    box-sizing:border-box!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    z-index:30!important;
  }
  #oa-auth-modal .oa-google-button-wrap::before,
  #oa-auth-modal .oa-google-button-wrap::after{content:none!important;display:none!important}
  #oa-auth-modal .oa-google-button-wrap>div,
  #oa-auth-modal .oa-google-button-wrap iframe{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    transform:none!important;
  }
}