/* İletişim sayfası + iletişim formu (2026-10-24, ULUSEM). SSS sayfasıyla aynı tasarım dili (static/css/SSS.css). */
body { --iltInk: #1f1f1f; --iltInk2: #595959; --iltInk3: #8a8a8a; --iltCizgi: #e2ddd0; --iltYuzey: #f4f2ec; --iltSari: var(--anarenk, #f3e31c); --iltAmber: #e59d0b; --iltAcikSari: #fff6d6; --iltKirmizi: #c2412d; }
.ilt2 { color: var(--iltInk); padding: 36px 0 40px; }
.ilt2 .container::before, .ilt2 .container::after { content: none; display: none; }
.ilt2Eyebrow { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #a36e00; margin-bottom: 8px; }
.ilt2Bas { max-width: 720px; margin-bottom: 26px; }
.ilt2Bas h1 { font-size: 30px; line-height: 1.2; font-weight: 600; letter-spacing: -.012em; margin: 0 0 10px; color: var(--iltInk); }
.ilt2Bas p { font-size: 15px; line-height: 1.6; color: var(--iltInk2); margin: 0; }

.ilt2Izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }

.ilt2Kart { background: #fff; border: 1.5px solid var(--iltCizgi); border-radius: 18px; padding: 26px 26px 24px; box-shadow: 0 14px 34px rgba(31,31,31,.05); scroll-margin-top: 100px; }
.ilt2Kart h2 { font-size: 20px; font-weight: 600; margin: 0 0 18px; color: var(--iltInk); letter-spacing: -.01em; }
.ilt2Satir { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.ilt2Alan { display: block; margin: 0 0 16px; font-weight: 400; }
.ilt2Alan > span { display: block; font-size: 13px; font-weight: 600; color: var(--iltInk); margin-bottom: 6px; }
.ilt2Alan > span b { color: var(--iltKirmizi); font-weight: 600; }
.ilt2Alan > span small { font-weight: 400; color: var(--iltInk3); }
.ilt2Alan input, .ilt2Alan textarea { display: block; width: 100%; border: 1.5px solid var(--iltCizgi); border-radius: 12px; background: #fff; padding: 11px 14px; font-size: 15px; color: var(--iltInk); outline: 0; transition: border-color .2s, box-shadow .2s; box-shadow: none; }
.ilt2Alan textarea { resize: vertical; min-height: 140px; line-height: 1.55; }
.ilt2Alan input:focus, .ilt2Alan textarea:focus { border-color: var(--iltAmber); box-shadow: 0 0 0 4px rgba(229,157,11,.14); }
.ilt2Alan .ilt2Hatali, .ilt2Captcha.ilt2Hatali { border-color: var(--iltKirmizi); box-shadow: 0 0 0 3px rgba(194,65,45,.12); }
.ilt2Captcha { display: inline-block; margin: 0 0 16px; border-radius: 6px; }
.ilt2Tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ilt2Durum[hidden], .ilt2Tamam[hidden], .ilt2Form[hidden] { display: none !important; }
.ilt2Durum { margin: 0 0 14px; padding: 11px 14px; border-radius: 10px; font-size: 14px; }
.ilt2Durum-hata { background: rgba(194,65,45,.08); color: #8f2c1d; border: 1px solid rgba(194,65,45,.25); }
.ilt2Alt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.ilt2Alt small { color: var(--iltInk3); font-size: 12.5px; }
.ilt2Btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; background: var(--iltInk); color: #fff; border-radius: 999px; padding: 13px 26px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all .2s; }
.ilt2Btn i { color: var(--iltSari); }
.ilt2Btn:hover { background: #000; transform: translateY(-1px); }
.ilt2Btn:focus-visible { outline: 3px solid var(--iltAmber); outline-offset: 2px; }
.ilt2Btn[disabled] { opacity: .65; cursor: progress; transform: none; }
.ilt2Bekle i::before { content: "\f110"; }
.ilt2Bekle i { animation: fa-spin 1s infinite linear; }
.ilt2Tamam { display: flex; gap: 14px; align-items: flex-start; background: var(--iltAcikSari); border: 1px solid #f3dd9a; border-radius: 14px; padding: 18px 18px; font-size: 15px; color: #5c4a10; outline: 0; }
.ilt2Tamam > i { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--iltInk); color: var(--iltSari); display: flex; align-items: center; justify-content: center; }
.ilt2Tamam strong { display: block; color: var(--iltInk); font-size: 17px; margin-bottom: 2px; }

.ilt2Yan { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 90px; }
.ilt2Bilgi { background: #232931; color: #fff; border-radius: 18px; padding: 24px 22px; position: relative; overflow: hidden; }
.ilt2Bilgi::after { content: ""; position: absolute; width: 260px; height: 260px; right: -110px; bottom: -140px; border-radius: 50%; background: radial-gradient(circle, rgba(243,227,28,.22) 0%, rgba(243,227,28,0) 65%); pointer-events: none; }
.ilt2Bilgi .ilt2Eyebrow { color: var(--iltSari); }
.ilt2Bilgi h2 { font-size: 21px; line-height: 1.25; font-weight: 600; margin: 0 0 6px; color: #fff; }
.ilt2Bilgi p { font-size: 13.5px; color: #c9cfd8; margin: 0 0 12px; }
.ilt2Satiri { display: flex; align-items: center; gap: 12px; color: #fff; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.1); position: relative; z-index: 1; }
a.ilt2Satiri:hover, a.ilt2Satiri:focus { color: var(--iltSari); text-decoration: none; }
.ilt2Satiri > i { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); color: var(--iltSari); display: flex; align-items: center; justify-content: center; font-size: 15px; flex: none; }
.ilt2Satiri > span { display: flex; flex-direction: column; min-width: 0; }
.ilt2Satiri small { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #9aa0a8; }
.ilt2Satiri b { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; color: #fff; }
a.ilt2Satiri:hover b, a.ilt2Satiri:focus b { color: var(--iltSari); }
.ilt2Satiri em { font-style: normal; font-size: 13.5px; line-height: 1.5; color: #e3e6ea; }
.ilt2Sss { display: flex; align-items: center; gap: 10px; background: #fff; border: 1.5px solid var(--iltCizgi); border-radius: 14px; padding: 14px 16px; color: var(--iltInk); font-size: 14px; font-weight: 500; }
.ilt2Sss:hover { border-color: #cfc9bb; color: var(--iltInk); text-decoration: none; }
.ilt2Sss i { color: #a36e00; font-size: 17px; }

@media (max-width: 991px) {
    .ilt2Izgara { grid-template-columns: 1fr; }
    .ilt2Yan { position: static; }
}
@media (max-width: 600px) {
    .ilt2 { padding-top: 24px; }
    .ilt2Bas h1 { font-size: 25px; }
    .ilt2Kart { padding: 20px 16px; border-radius: 14px; }
    .ilt2Satir { grid-template-columns: 1fr; }
    .ilt2Btn { width: 100%; }
    .ilt2Captcha { transform: scale(.92); transform-origin: 0 0; }
}