body {font-family: "Montserrat", sans-serif; overflow-x: hidden; background:#FAFAF2;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0; }
textarea:focus, input:focus{outline: none;}
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}

input:focus,
select:focus,
textarea:focus,
button:focus {outline: none !important;box-shadow: none !important;border-color: #1e0944 !important; /* Varsayilan gri veya istedigin renk */}

.btn-toggle-group {display: flex;justify-content: left;gap: 10px;}
.btn-toggle {padding: 10px 24px;border: 1px solid #1e0944;background-color: #fff;color: #1e0944;border-radius: 3px;font-weight: 500;font-size: 13.5px;cursor: pointer;transition: all 0.2s ease;user-select: none;}
/* Aktif olan */
input[type="radio"]:checked + label.btn-toggle {background-color: #1e0944;color: #fff;border-color: #1e0944;}



.login-wrapper {
min-height: 100vh;
display: flex;
}
.login-left {
width: 50%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #f7f7f7;
}
.login-left .form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 13px;
font-weight:600;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.login-box {
width: 100%;
max-width: 410px;
padding: 40px 32px 32px 32px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 28px rgba(24, 39, 75, 0.09);
}
.login-logo {
display: block;
margin: 0 auto 16px auto;
max-width: 170px;
height: 48px;
}
.login-desc {
text-align: center;
color: #1a0736;
font-size: 16px;
margin-bottom: 10px;
font-weight:bold;
margin-top: 10px;
}
.login-btn {
width: 100%;
background: #1a0736;
color: #fff;
border-radius: 5px;
font-weight: 500;
border: none;
font-size:13px;
padding: 10px 0;
}
.login-btn:hover {background-color: #2b0d60;}
.uye-ol-btn {
width: 100%;
margin-top: 16px;
border-radius: 5px;
background: #f5f5f5;
color: #1a0736;
border: none;
font-weight: 500;
padding: 10px 0;
display: block;
text-align: center;
text-decoration: none;
font-size:13px;
}

.login-right {
width: 50%;
min-height: 100vh;
background: url('../img/genel/login.jpg') no-repeat center center;
background-size: cover;
}
@media (max-width: 991.98px) {
.login-left, .login-right {
width: 100%;
}
.login-right {
display: none;
}
}
/* Placeholder style */
::placeholder {
color: #1e0944 !important;
opacity: 1;
}

.popup-uyari {position: fixed;top: 20px;left: 50%;transform: translateX(-50%);background-color: #dc3545;color: #fff;padding: 16px 40px 16px 40px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.2);z-index: 9999;font-size: 15px;max-width: 100%;text-align: center;display: none; font-size:13px;}
.popup-uyari.show {display: block;animation: fadeInDown 0.4s ease;}
.popup-uyari .popup-close {position: absolute;top: 6px;right: 10px;background: none;border: none;color: #fff;font-size: 20px;line-height: 20px;cursor: pointer;}
.satinalbuton { border:1px solid #fff; padding:5px 10px 5px 10px; border-radius: 5px; font-size:13px; color:#fff; margin-top:10px;}
.satinalbuton:hover {color:#1e0944; text-decoration:none; background:#fff;}
@keyframes fadeInDown {
from { opacity: 0; transform: translateX(-50%) translateY(-20px); }
to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}