/* ==========================================================================
   Sube sayfasi -- Ingiliz Kultur
   Sitede renk jetonu sistemi yok; sayfanin ihtiyaci olanlar burada
   tanimlaniyor. Vurgu rengi sitenin kendi --renk degiskeni (veritabanindan
   geliyor), koyu zemin sitenin en cok kullandigi #1d2228.
   ========================================================================== */
:root{
	--primary:#1d2228;
	--primary-soft:#2b323a;
	--gold:var(--renk,#c5a059);
	--surface:#f6f7f9;
	--line:#e2e5ea;
	--text:#1d2228;
	--muted:#5b6068;
}
/* ==========================================================================
   Sube sayfasi -- yeni bolumler
   Sitenin kendi jetonlari (--primary lacivert, --gold altin) uzerine kuruldu.
   ========================================================================== */






/* Sayfa basligi bandi */
.sb-top{ position:relative; background:var(--primary); color:#fff; padding:clamp(2.5rem,6vw,4rem) 0; text-align:center; }
.sb-top h1{ margin:0 0 .5rem; font-family:"Source Serif 4",Georgia,serif; font-weight:700;
	font-size:clamp(1.9rem,4.6vw,3rem); line-height:1.1; }
.sb-top nav{ font-size:13.5px; color:rgba(255,255,255,.66); }
.sb-top nav a{ color:rgba(255,255,255,.85); text-decoration:none; }

/* Altin bilgi seridi -- referanstaki kampanya seridinin dogrulanmis karsiligi */
.sb-strip{ background:var(--gold); color:#20180a; font-size:14px; }
.sb-strip .container{ display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; align-items:center;
	padding-block:.7rem; justify-content:center; }
.sb-strip b{ font-weight:700; }
.sb-strip em{ font-style:normal; opacity:.72; }

/* Hero: solda metin, sagda form karti */
.sb-hero{ background:var(--primary); color:#fff; padding:clamp(2.5rem,6vw,4.25rem) 0; }
.sb-hero__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(1.75rem,4vw,3.25rem);
	align-items:start; }
.sb-eyebrow{ margin:0 0 .8rem; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
	color:var(--gold); font-weight:600; }
.sb-hero h2{ margin:0 0 1rem; font-family:"Source Serif 4",Georgia,serif; font-weight:700;
	font-size:clamp(1.9rem,4.4vw,3rem); line-height:1.12; letter-spacing:-.01em; }
.sb-hero__lede{ margin:0 0 1.8rem; max-width:52ch; font-size:16.5px; line-height:1.68;
	color:rgba(255,255,255,.78); }

/* CEFR merdiveni -- seviye tespitinden C2'ye */
.sb-cefr{ margin:0 0 1.5rem; }
.sb-cefr__label{ font-size:13px; color:rgba(255,255,255,.6); margin:0 0 .6rem; }
.sb-cefr__row{ display:flex; gap:.4rem; flex-wrap:wrap; list-style:none; padding:0; margin:0; }
.sb-cefr__row li{ flex:1 1 0; min-width:56px; text-align:center; padding:.5rem .3rem;
	border:1px solid rgba(255,255,255,.22); border-radius:8px; font-weight:600; font-size:14px;
	background:rgba(255,255,255,.05); }
.sb-cefr__row li:first-child{ border-color:var(--gold); color:var(--gold); }

.sb-hero__meta{ display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; font-size:14px;
	color:rgba(255,255,255,.72); }
.sb-hero__meta b{ color:#fff; }

/* Form karti */
.sb-form{ background:#fff; color:var(--text); border-radius:16px; padding:clamp(1.3rem,2.5vw,1.8rem);
	box-shadow:0 18px 50px rgba(0,0,0,.28); }
.sb-form__tag{ display:inline-block; margin:0 0 .7rem; font-size:11.5px; letter-spacing:.09em;
	text-transform:uppercase; font-weight:700; color:#7a5c1f; background:#f6ecd7;
	padding:.3rem .6rem; border-radius:999px; }
.sb-form h3{ margin:0 0 .5rem; font-family:"Source Serif 4",Georgia,serif; font-weight:700;
	font-size:1.5rem; }
.sb-form > p{ margin:0 0 1.15rem; font-size:14.5px; line-height:1.6; color:var(--muted); }
.sb-field{ display:block; margin-bottom:.85rem; }
.sb-field span{ display:block; margin-bottom:.35rem; font-size:13px; font-weight:600; color:var(--text); }
.sb-field input, .sb-field select{
	width:100%; padding:.72rem .85rem; font:inherit; font-size:15px; color:var(--text);
	background:var(--surface); border:1px solid var(--line); border-radius:10px; }
.sb-field input:focus, .sb-field select:focus{ outline:2px solid var(--primary); outline-offset:1px; }
.sb-kvkk{ display:flex; gap:.6rem; align-items:flex-start; margin:.4rem 0 1.1rem;
	font-size:13px; line-height:19px; color:var(--muted); }
.sb-kvkk input{ margin-top:.18rem; flex:0 0 auto; }
.sb-kvkk a{ color:var(--primary); }
.sb-submit{ width:100%; padding:.85rem 1rem; font:inherit; font-size:15.5px; font-weight:700;
	color:#fff; background:var(--primary); border:0; border-radius:10px; cursor:pointer; }
.sb-submit:hover{ background:var(--primary-soft); }
.sb-form__note{ margin:.8rem 0 0; font-size:12.5px; line-height:18px; color:var(--muted); text-align:center; }
.sb-form__ok{ margin:.9rem 0 0; padding:.75rem .85rem; border-radius:10px; font-size:14px;
	background:#e9f6ef; color:#12653f; border:1px solid #bfe4d1; }
.sb-form__ok[hidden]{ display:none; }

/* Bolum basligi */
.sb-sec{ padding:clamp(2.75rem,6vw,4.25rem) 0; }
.sb-sec--tint{ background:var(--surface); }
.sb-head{ max-width:60ch; margin:0 0 2rem; }
.sb-head h2{ margin:0 0 .5rem; font-family:"Source Serif 4",Georgia,serif; font-weight:700;
	font-size:clamp(1.5rem,3.2vw,2.1rem); line-height:1.18; color:var(--primary); }
.sb-head p{ margin:0; color:var(--muted); font-size:15.5px; line-height:1.6; }

.sb-grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.sb-card{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.25rem; }
.sb-card h3{ margin:0 0 .5rem; font-size:1.02rem; line-height:1.32; color:var(--primary); }
.sb-card p{ margin:0; font-size:14.5px; line-height:22px; color:var(--muted); }

.sb-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.sb-prog{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.25rem;
	display:flex; flex-direction:column; }
.sb-prog h3{ margin:0 0 .5rem; font-size:1.05rem; color:var(--primary); }
.sb-prog p{ margin:0 0 1rem; font-size:14.5px; line-height:22px; color:var(--muted); flex:1 1 auto; }
.sb-prog__link{ font-size:14px; font-weight:600; color:var(--primary); text-decoration:none; }
.sb-prog__link:hover{ text-decoration:underline; }

/* Uc adim -- burada numara gercek bir sirayi anlatiyor */
.sb-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr);
	gap:1rem; counter-reset:sb; }
.sb-step{ position:relative; background:#fff; border:1px solid var(--line); border-radius:14px;
	padding:1.4rem 1.25rem 1.25rem; }
.sb-step::before{ counter-increment:sb; content:counter(sb);
	display:flex; align-items:center; justify-content:center; width:30px; height:30px;
	margin-bottom:.8rem; border-radius:50%; background:var(--primary); color:#fff;
	font-weight:700; font-size:14px; }
.sb-step h3{ margin:0 0 .45rem; font-size:1.02rem; color:var(--primary); }
.sb-step p{ margin:0; font-size:14.5px; line-height:22px; color:var(--muted); }

/* Sube kunyesi + bolgeler */
.sb-two{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,3vw,2.5rem); align-items:start; }
.sb-info{ list-style:none; margin:0; padding:0; }
.sb-info li{ display:grid; grid-template-columns:7rem 1fr; gap:1rem; padding:.7rem 0;
	border-bottom:1px solid var(--line); font-size:15px; line-height:23px; }
.sb-info b{ color:var(--primary); font-weight:600; }
.sb-info a{ color:var(--text); }
.sb-areas{ list-style:none; margin:1rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.4rem; }
.sb-areas li{ padding:.4rem .8rem; background:#fff; border:1px solid var(--line);
	border-radius:999px; font-size:14px; }

/* Kapanis */
.sb-cta{ background:var(--primary); color:#fff; padding:clamp(2.5rem,6vw,4rem) 0; }
.sb-cta h2{ margin:0 0 .7rem; font-family:"Source Serif 4",Georgia,serif; font-weight:700;
	font-size:clamp(1.5rem,3.4vw,2.2rem); }
.sb-cta p{ margin:0 0 1.5rem; max-width:56ch; color:rgba(255,255,255,.76); line-height:1.65; }
.sb-btns{ display:flex; flex-wrap:wrap; gap:.6rem; }
.sb-btn{ display:inline-block; padding:.8rem 1.4rem; border-radius:10px; font-weight:600;
	font-size:15px; text-decoration:none; }
.sb-btn--gold{ background:var(--gold); color:#20180a; }
.sb-btn--ghost{ border:1px solid rgba(255,255,255,.4); color:#fff; }

@media(max-width:960px){
	.sb-hero__grid, .sb-two{ grid-template-columns:1fr; }
	.sb-grid4{ grid-template-columns:repeat(2,1fr); }
	.sb-grid3{ grid-template-columns:repeat(2,1fr); }
	.sb-steps{ grid-template-columns:1fr; }
}
@media(max-width:560px){
	.sb-grid4, .sb-grid3{ grid-template-columns:1fr; }
}

/* Bal kupu -- ekranda gorunmez ama ekran okuyucudan da gizlenmemeli degil;
   aria-hidden ile isaretli, gorsel olarak akistan cikariliyor. */
.sb-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.sb-form__err{ margin:0 0 1rem; padding:.75rem .85rem; border-radius:10px; font-size:14px;
	background:#fdecec; color:#8c1d1d; border:1px solid #f3c9c9; }


/* --------------------------------------------------------------------------
   Kontrast duzeltmesi (2026-09-04)

   --gold, sitenin --renk degiskenine baglanmisti; o deger #000000 oldugu icin
   serit ve birincil buton siyah zemin + koyu yazi olarak ciktri ve okunmuyordu
   (kontrast orani 1.20). Vurgu artik sitenin ust bandindaki gercek marka
   kirmizisi.

   Form basligi ayrica ele aliniyor: tema h3'leri beyaz yapiyor, beyaz kartta
   gorunmuyordu (oran 1.00).
   -------------------------------------------------------------------------- */
:root{ --gold:#bf0506; }

.sb-strip{ color:#fff; }
.sb-strip b{ color:#fff; }
.sb-strip em{ color:rgba(255,255,255,.82); }

.sb-btn--gold{ background:var(--gold); color:#fff; }
.sb-btn--gold:hover{ background:#a20405; color:#fff; }

/* Tema .sb-form h3'u beyaz yapiyor; kart beyaz oldugu icin aciktan yaziyoruz. */
.sb-form h3{ color:var(--text); }
.sb-form__tag{ background:#fdeaea; color:#8c1114; }