#uyeolgirisbody {
margin: 0;
min-height: 100dvh;
overflow: hidden;
}

#uyeolgirisbody .footer {
display: none;
}

.giris_sayfasi {
min-height: 100dvh;
height: 100dvh;
display: flex;
background: var(--arkaplan_beyaz);
overflow: hidden;
}

.giris_sayfasi_sol {
width: 55%;
position: relative;
overflow: hidden;
background: url('../images/signinsignupbg2020.jpg') center center / cover no-repeat;
}

.giris_sayfasi_sol::before {
content: "";
position: absolute;
inset: 0;
background: rgba(7, 52, 154, 0.84);
z-index: 1;
}

.giris_sayfasi_sol::after {
content: "";
position: absolute;
top: 0;
right: -1px;
width: 8.75rem;
height: 100%;
clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
background: #f8fafc;
border-right: 5px solid #f8fafc;
z-index: 2;
pointer-events: none;
}

.giris_sayfasi_sol_icerik {
position: relative;
z-index: 3;
min-height: 100dvh;
padding: 56px 64px;
display: flex;
flex-direction: column;
justify-content: center;
}

.giris_sayfasi_sol_merkez {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
height: 100%;
}

.logo_alani {
display: inline-flex;
align-items: center;
align-self: center;
position: relative;
padding-bottom: 18px;
margin-bottom: 8px;
}

.logo_alani::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 50%;
height: 1px;
background: rgba(255, 255, 255, 0.32);
}

.logo_alani img {
max-width: 220px;
width: 100%;
height: auto;
display: block;
}

.sol_metin_alani {
max-width: 560px;
color: var(--yazi_beyaz);
text-align: center;
}

.sol_metin_baslik {
font-size: var(--font_h2);
font-weight: var(--font_700);
line-height: 1.08;
margin-bottom: 22px;
}

.sol_metin_aciklama {
font-size: clamp(1rem, 1.2vw, 1.2rem);
line-height: 1.65;
opacity: .96;
margin-bottom: 26px;
}

.giris_sayfasi_sag {
width: 45%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: #f8fafc;
padding: 40px;
overflow-y: auto;
}

.form_kart {
width: 100%;
max-width: 600px;
position: relative;
z-index: 1;
}

.sosyal_giris_alani {
margin-bottom: 20px;
}

.socialconnect {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}

.socialconnect a,
.socialconnect button {
width: 100%;
}

.socialconnect .facebookconnect,
.socialconnect .googleconnect {
border-radius: var(--border_radius_12);
}

.socialconnect .abcRioButton {
border-radius: var(--border_radius_12);
width: 100% !important;
box-sizing: border-box;
}

.form_ayrac {
width: 100%;
height: 1px;
background: #e8edf4;
margin-bottom: 24px;
}

.form_baslik_alani {
margin-bottom: 24px;
text-align: left;
}

.form_baslik {
font-size: var(--font_h2) !important;
font-weight: var(--font_700) !important;
color: var(--yazi_siyah) !important;
margin-bottom: 8px !important;
}

.form_aciklama {
font-size: 1rem;
line-height: 1.6;
color: var(--yazi_gri);
}

.form_icerik_alani {
background: transparent;
}

.form_gorunum {
display: none;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition: opacity .24s ease, transform .24s ease;
}

.form_gorunum.aktif {
display: block;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}

.form_satir {
margin-bottom: 16px;
}

.form_etiket {
display: block;
margin-bottom: 8px;
font-size: 0.95rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
}

.form_girdi,
.captchainput {
width: 100%;
height: 56px;
border: 1px solid #dbe2ea;
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 0 16px;
color: var(--yazi_siyah);
font-size: 16px;
outline: none;
transition: var(--gecis);
appearance: none;
-webkit-appearance: none;
}

.form_girdi::placeholder,
.captchainput::placeholder {
color: #9aa7b8;
}

.form_girdi:focus,
.captchainput:focus {
border-color: var(--arkaplan_acik_mavi);
}

.form_alt_satir {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 18px;
flex-wrap: wrap;
}

.beni_hatirla_alani {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 24px;
max-width: 100%;
}

.sifre_baglanti {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 14px;
border: 1px solid #d5deea;
border-radius: var(--border_radius_12);
background: #ffffff;
color: var(--yazi_siyah);
font-size: 0.9rem;
font-weight: var(--font_600);
transition: var(--gecis);
white-space: nowrap;
}

.sifre_baglanti:hover {
background: #f4f8ff;
border-color: #a9bfe0;
color: var(--yazi_lacivert);
}

.form_alt_satir.tek_link {
justify-content: center;
}

.captcha-content {
margin-top: 6px;
margin-bottom: 18px;
}

.captcha-content > div {
margin-bottom: 10px;
}

.captcha-content-yan {
display: grid;
grid-template-columns: 140px minmax(0, 1fr);
gap: 12px;
align-items: center;
}

.captcha-content-yan > div {
margin: 0;
min-height: 56px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #dbe2ea;
border-radius: var(--border_radius_12);
background: var(--arkaplan_beyaz);
padding: 6px;
overflow: hidden;
}

.captcha-content-yan .captcha-img {
max-width: 100%;
height: auto;
display: block;
}

.captcha-content-yan .captchainput {
margin: 0;
}

.signin-signup-foot-btn {
text-align: center;
margin-top: 6px;
}

.signin-signup-foot-btn .form_buton {
font-family: inherit;
float: none;
width: min(100%, 280px);
}

#Signforget_Form_output {
margin-top: 10px;
}

.uye_success_blok {
margin: 24px 0 16px;
text-align: center;
}

.uye_success_blok i {
font-size: 80px;
margin-bottom: 18px;
color: var(--arkaplan_yesil);
}

.uye_success_blok h4 {
font-size: var(--font_h3);
margin-bottom: 8px;
}

.uye_success_blok h5 {
font-size: var(--font_h5);
font-weight: var(--font_400);
color: var(--yazi_gri);
}

#two-factor-verification .uye_dogrulama_modal,
#location-verification .uye_dogrulama_modal {
padding: 28px 24px;
}

#two-factor-verification .uye_dogrulama_baslik,
#location-verification .uye_dogrulama_baslik {
display: block;
text-align: center;
font-size: 24px;
font-weight: var(--font_700);
color: var(--yazi_lacivert);
margin: 0 0 12px 0;
}

#two-factor-verification p,
#location-verification p {
text-align: center;
font-size: 1rem;
line-height: 1.6;
margin: 0 0 10px 0;
}

.uye_dogrulama_form {
margin-top: 14px;
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
}

.uye_dogrulama_form input[type="text"] {
width: min(100%, 320px);
height: 52px;
text-align: center;
font-size: 1rem;
font-weight: var(--font_600);
padding: 0 14px;
border: 1px solid #d8e2ef;
border-radius: var(--border_radius_12);
background: #ffffff;
}

.uye_dogrulama_form .uye_otp_gercek_input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
pointer-events: none !important;
}

.uye_otp_alani {
width: min(100%, 320px);
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}

.uye_otp_alani .uye_otp_hucre {
width: 100%;
height: 52px;
border: 1px solid #d8e2ef;
border-radius: var(--border_radius_12);
background: #ffffff;
color: var(--yazi_siyah);
font-size: 1.15rem;
font-weight: var(--font_700);
text-align: center;
padding: 0;
outline: none;
caret-color: var(--yazi_siyah);
transition: var(--gecis);
}

.uye_otp_alani .uye_otp_hucre:focus {
border-color: var(--arkaplan_acik_mavi);
background: #ffffff;
}

.uye_dogrulama_form .radio-custom-label {
border-bottom: 0;
padding: 8px 0;
}

.uye_dogrulama_sayac {
font-size: 1rem;
color: var(--yazi_siyah);
}

.uye_dogrulama_aksiyonlar {
margin-top: 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.uye_dogrulama_aksiyonlar .buton_tasarimi {
min-width: 180px;
}

.notverification {
font-size: 13px;
color: #8f9bad;
width: 100%;
text-align: center;
display: inline-block;
margin-top: 18px;
line-height: 1.5;
}

.notverification a {
color: #8f9bad;
font-weight: var(--font_600);
}

.secureoptions {
width: min(100%, 360px);
margin: 0 auto;
text-align: left;
}

.uye_sol_sosyal {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
gap: 8px;
margin-top: 30px;
}

.uye_sol_sosyal_link {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.26);
color: var(--yazi_beyaz);
background: transparent;
transition: border-color .2s ease, color .2s ease;
}

.uye_sol_sosyal_link i {
font-size: 14px;
line-height: 1;
}

.uye_sol_sosyal_link:hover {
border-color: rgba(255, 255, 255, 0.65);
color: #ffffff;
animation: uyeSosyalNefes .8s ease;
}

#uye_signup_page_alani .form_kart {
max-width: 760px;
}

#uye_signup_page_alani .uye_signup_adimlar {
--signup-stage-count: 3;
max-width: 100%;
margin-bottom: 26px;
}

#uye_signup_page_alani .uye_signup_adimlar .stage-click {
display: flex;
flex: 1 1 0;
justify-content: center;
text-decoration: none;
}

#uye_signup_page_alani .uye_signup_adimlar .ilanasamalar__progress {
left: calc(50% / var(--signup-stage-count));
width: calc(100% - (100% / var(--signup-stage-count)));
}

#uye_signup_page_alani .uye_signup_adimlar .ilanasamax {
width: auto;
max-width: 220px;
}

#uye_signup_page_alani .uye_signup_form_icerik {
display: block;
}

#uye_signup_page_alani .uye_signup_bolum {
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid #e8edf4;
}

#uye_signup_page_alani .uye_signup_bolum:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}

#uye_signup_page_alani .uye_signup_bolum_baslik {
font-size: 0.98rem;
font-weight: var(--font_700);
color: var(--yazi_siyah);
margin-bottom: 14px;
}

#uye_signup_page_alani .uye_signup_grid {
display: flex;
flex-wrap: wrap;
gap: 14px;
}

#uye_signup_page_alani .uye_signup_col {
min-width: 0;
}

#uye_signup_page_alani .uye_signup_col_6 {
flex: 0 1 calc(50% - 7px);
}

#uye_signup_page_alani .uye_signup_col_12 {
flex: 0 1 100%;
}

#uye_signup_page_alani textarea.form_girdi {
height: auto;
min-height: 108px;
padding: 14px 16px;
resize: vertical;
}

#uye_signup_page_alani select.form_girdi {
padding-right: 42px;
}

#uye_signup_page_alani .uye_signup_secim_satiri {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

#uye_signup_page_alani .uye_signup_secim_satiri.asya_inline_group {
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}

#uye_signup_page_alani .uye_signup_secim_satiri.asya_inline_group .radio-custom-label,
#uye_signup_page_alani .uye_signup_secim_satiri.asya_inline_group .checkbox-custom-label {
width: auto;
border-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
}

#uye_signup_page_alani .uye_signup_field_baslik {
display: block;
font-size: 0.95rem;
font-weight: var(--font_600);
color: var(--yazi_siyah);
margin-bottom: 10px;
}

#uye_signup_page_alani .uye_signup_sifre_olustur {
width: 100%;
}

#uye_signup_page_alani .uye_signup_col_seviye {
display: flex;
align-items: center;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_alani {
width: 100%;
display: flex;
align-items: center;
}

#uye_signup_page_alani .level-block,
#uye_signup_page_alani .uye_signup_sifre_seviye {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
padding: 8px 14px;
border: 1px solid #dbe3ef;
border-radius: 999px;
background: #f6f9fd;
font-size: 0.9rem;
font-weight: var(--font_500);
color: var(--yazi_gri);
line-height: 1.2;
white-space: nowrap;
}

#uye_signup_page_alani .uye_signup_sifre_seviye::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #a8b8cb;
flex: 0 0 8px;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_zayif::before {
background: #f59e0b;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_iyi::before {
background: #0f77ff;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_guclu::before {
background: #10b981;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_zayif {
border-color: #fcd9a8;
background: #fff7ea;
color: #a16207;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_iyi {
border-color: #b8d7ff;
background: #eff6ff;
color: #1d4ed8;
}

#uye_signup_page_alani .uye_signup_sifre_seviye_guclu {
border-color: #b9e7d2;
background: #ecfdf3;
color: #047857;
}

#uye_signup_page_alani .level-block strong {
font-weight: var(--font_700);
color: var(--yazi_siyah);
margin-left: 4px;
}

#uye_signup_page_alani .uye_signup_form_icerik .dropdown_donustur_wrap,
#uye_signup_page_alani .uye_signup_form_icerik .dropdown_donustur_tetik {
width: 100%;
border-radius: var(--border_radius_12);
min-height: 56px;
}

#uye_signup_page_alani .uye_signup_form_icerik .dropdown_donustur_tetik {
padding: 0 16px;
border: 1px solid #dbe2ea;
background: #ffffff;
}

#uye_signup_page_alani .uye_signup_form_icerik .dropdown_donustur_yazi {
font-size: 1rem;
color: var(--yazi_siyah);
}

#uye_signup_page_alani .uye_signup_sozlesme_bolum .checkbox-custom-label {
line-height: 1.5;
}

#uye_signup_page_alani .captcha-content {
margin-top: 16px;
}

#uye_signup_page_alani .signin-signup-foot-btn.order_steps_cta_alani {
margin-top: 20px;
}

#uye_signup_page_alani .signin-signup-foot-btn.order_steps_cta_alani .buton_tasarimi {
width: min(100%, 280px);
float: none;
}

#uye_signup_page_alani #FormOutput {
margin-top: 10px;
}

@keyframes uyeSosyalNefes {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-2px);
}
100% {
transform: translateY(0);
}
}

@media (max-width: 1200px) {
.giris_sayfasi_sol_icerik {
padding: 46px 40px;
}

.giris_sayfasi_sag {
padding: 30px;
}
}

@media (max-width: 992px) {
.giris_sayfasi {
flex-direction: column;
height: auto;
overflow: visible;
}

#uye_signup_page_alani .uye_signup_col_6 {
flex-basis: 100%;
}

#uye_signup_page_alani .uye_signup_adimlar .ilanasamax__sira {
width: 48px;
height: 48px;
font-size: 1rem;
}

#uye_signup_page_alani .uye_signup_adimlar .ilanasamax__ad {
font-size: 0.88rem;
line-height: 1.35;
margin-top: 12px;
}

.giris_sayfasi_sol,
.giris_sayfasi_sag {
width: 100%;
}

.giris_sayfasi_sol {
min-height: 320px;
}

.giris_sayfasi_sol_icerik {
min-height: 320px;
justify-content: center;
}

.sol_metin_alani {
max-width: 100%;
}

.giris_sayfasi_sag {
min-height: auto;
padding: 34px 22px 40px;
overflow: visible;
}

.giris_sayfasi_sol::after {
display: none;
}

.form_kart {
max-width: 760px;
}
}

@media (max-width: 640px) {
.giris_sayfasi_sol_icerik {
padding: 28px 20px;
}

#uye_signup_page_alani .uye_signup_secim_satiri.asya_inline_group {
flex-wrap: wrap;
}

#uye_signup_page_alani .uye_signup_adimlar {
margin-bottom: 20px;
}

#uye_signup_page_alani .uye_signup_adimlar .stage-click {
min-width: 0;
}

#uye_signup_page_alani .uye_signup_adimlar .ilanasamax__ad {
font-size: 0.78rem;
}

.giris_sayfasi_sag {
padding: 24px 16px 34px;
}

.form_alt_satir {
align-items: flex-start;
flex-direction: column;
}

.sifre_baglanti {
margin-left: 30px;
}

.form_alt_satir.tek_link .sifre_baglanti {
margin-left: 0;
}

.form_girdi,
.captchainput {
height: 54px;
}

.captcha-content > div {
max-width: 100%;
overflow: auto;
}

.captcha-content-yan {
grid-template-columns: 1fr;
}

.uye_otp_alani {
gap: 8px;
}

.uye_otp_alani .uye_otp_hucre {
height: 50px;
font-size: 1.05rem;
}

.uye_dogrulama_aksiyonlar .buton_tasarimi {
width: 100%;
min-width: 0;
}
}

@media (max-width: 992px) {
#uyeolgirisbody {
overflow: auto;
}
}