/* Ortak renkler ve esnek yerleşim, giriş ekranını telefon ve masaüstünde kullanılabilir tutar. */
:root{color-scheme:light;--murekkep:#172b2c;--yesil:#15584e;--soluk:#6b7777;--cizgi:#dce4df;--zemin:#f7f9f5}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--murekkep);background:var(--zemin)}a{color:inherit;text-decoration:none}button,input{font:inherit}.giris-duzeni{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.tanitim{background:#153d37;color:#f4f4df;position:relative;overflow:hidden;padding:48px 9%;display:flex;flex-direction:column}.marka{display:inline-flex;align-items:center;gap:12px;font-size:22px;letter-spacing:3px;font-weight:750;width:fit-content}.marka-isareti{display:grid;place-items:center;width:46px;height:48px;background:#d8ee8d;color:#173b33;border-radius:10px;font-size:30px;font-style:italic;letter-spacing:0}.marka-alt{display:block;font-size:10px;letter-spacing:5px;margin-top:2px}.tanitim-metni{margin-top:100px;position:relative;z-index:1}.ust-baslik{font-size:11px;letter-spacing:2px;font-weight:700}.tanitim .ust-baslik{color:#cbe48c}.tanitim h1{font-size:clamp(36px,3.6vw,58px);line-height:1.13;font-weight:500;letter-spacing:-2px;margin:23px 0}.tanitim p{color:#b8cdc6;line-height:1.8;font-size:15px}.lastik-sekil{width:330px;height:330px;border:46px solid #244d42;outline:1px solid #52765c;border-radius:50%;align-self:flex-end;transform:rotate(-25deg);margin:12px -70px -30px 0;box-shadow:0 0 0 18px #1b443b,0 0 0 19px #345c49}.lastik-sekil div{height:100%;border:20px dashed #587450;border-radius:50%;box-shadow:inset 0 0 0 12px #173e36}.tanitim-alt{margin-top:auto;padding-top:50px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#aec4b7;position:relative}.form-alani{padding:48px 10% 26px;display:flex;flex-direction:column}.form-ust{font-size:12px;color:var(--soluk);text-align:right}.durum-noktasi{display:inline-block;width:6px;height:6px;background:#43816b;border-radius:50%;margin-right:7px}.form-icerik{width:100%;max-width:410px;margin:auto; padding:68px 0}.form-icerik>.ust-baslik{color:#708373}.form-icerik h2{font-size:30px;font-weight:600;letter-spacing:-1px;margin:16px 0 10px}.aciklama{font-size:14px;color:var(--soluk);line-height:1.7}form label{display:block;font-size:13px;font-weight:600;margin:27px 0 9px}input:not([type=hidden]){display:block;width:100%;padding:15px 16px;background:#fff;border:1px solid #ced8d1;border-radius:7px;color:var(--murekkep)}input::placeholder{color:#9aa49e}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #95b46b;outline-offset:3px}button{cursor:pointer;border-radius:7px;font-weight:600}.birincil{background:var(--yesil);border:0;color:white;width:100%;padding:16px 20px;margin-top:30px;display:flex;justify-content:space-between}.birincil:hover{background:#0f473e}.yardim{text-align:center;color:var(--soluk);font-size:12px;line-height:1.7;margin-top:24px}.guvenlik-notu{border-top:1px solid var(--cizgi);padding-top:26px;margin-top:34px;font-size:11px;color:var(--soluk);text-align:center}.guvenlik-notu span{font-size:18px;margin-right:6px}footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#819087}.hata{padding:14px;border:1px solid #e4bdb4;background:#fff0ec;color:#923e31;border-radius:6px;font-size:13px;margin:22px 0}.panel-ust{background:#153d37;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 6%}.ikincil{padding:11px 16px;background:transparent;border:1px solid #91ada2;color:inherit}.panel-icerik{max-width:1100px;margin:65px auto;padding:0 28px}.panel-icerik h1{font-weight:500;font-size:36px;letter-spacing:-1px}.hesap-karti{padding:28px;background:white;border:1px solid var(--cizgi);border-radius:12px;margin-top:35px}.kart-basligi{display:flex;align-items:center;justify-content:space-between;gap:20px}.kart-basligi h2{font-size:18px;font-weight:600}.rozet{font-size:11px;background:#eaf2d8;color:#466123;border-radius:20px;padding:7px 12px}dl{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:20px;border-top:1px solid var(--cizgi);padding-top:24px}dt{font-size:12px;color:var(--soluk);margin-bottom:10px}dd{margin:0;font-size:15px;overflow-wrap:anywhere}.sonraki-adim{margin-top:28px;padding:32px;background:#eaf0e6;border-radius:12px}.sonraki-adim h2{font-weight:500;font-size:23px}.sonraki-adim p{color:var(--soluk);line-height:1.7;font-size:14px}
/* Dar ekranlarda tanıtım kısalır; giriş formu tek sütun olur. */
@media(max-width:800px){.giris-duzeni{grid-template-columns:1fr}.tanitim{padding:28px 7%}.tanitim-metni{margin-top:36px}.tanitim h1{font-size:36px}.tanitim p{font-size:13px}.lastik-sekil,.tanitim-alt{display:none}.form-alani{padding:25px 7%}.form-icerik{padding:40px 0}.form-ust{text-align:left}.panel-icerik{margin-top:40px}.panel-icerik h1{font-size:28px}dl{grid-template-columns:1fr}.panel-ust .marka{font-size:17px}.ikincil{font-size:12px}.kart-basligi{flex-wrap:wrap}footer{flex-wrap:wrap}}