*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;color:#555}

/* Giriş sayfası */
.giris-sayfasi{background:#0d6795;display:flex;align-items:center;justify-content:center;padding:24px}
.kart{display:flex;width:100%;max-width:1010px;min-height:650px;background:#fff;border-radius:16px;overflow:hidden;
      box-shadow:0 10px 40px rgba(0,0,0,.18)}
.sol{flex:0 0 42%;background:#000 center/cover no-repeat;padding:120px 42px 0;color:#fff}
.yer-tutucu{font-size:44px;letter-spacing:.5px}
.sag{flex:1;padding:80px 45px 40px;display:flex;flex-direction:column}
.logo{height:70px;margin-bottom:82px;display:flex;align-items:center;color:#000}
.logo span{font-size:44px;padding-left:10px}
.logo img{max-height:70px;max-width:100%}

form{display:flex;flex-direction:column}
label{font-size:15px;color:#555;margin-bottom:11px}
input{height:42px;padding:0 16px;margin-bottom:26px;border:1px solid #d9d9d9;border-radius:5px;
      font:inherit;color:#333;background:#fff}
input::placeholder{color:#777}
input:focus{outline:2px solid #0d6795;outline-offset:1px;border-color:#0d6795}
button{height:43px;margin-top:2px;border:0;border-radius:5px;background:#262626;color:#fff;font:inherit;
       font-size:14px;cursor:pointer;box-shadow:0 3px 6px rgba(0,0,0,.25)}
button:hover{background:#000}
button:focus-visible{outline:2px solid #0d6795;outline-offset:2px}
.hata{margin:0 0 22px;padding:10px 14px;background:#fdecea;color:#a12622;border-radius:5px;font-size:14px}
.alt-linkler{margin:auto 0 0;padding-top:70px;font-size:13px;color:#666}
.alt-linkler a{color:#666;text-decoration:none}
.alt-linkler a:hover{text-decoration:underline}

/* Mobil: soldaki resim gizlenir */
@media (max-width:760px){
  .sol{display:none}
  .kart{min-height:0}
  .sag{padding:48px 24px 32px}
  .logo{margin-bottom:48px}
}