@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root{
  --lacivert:#1B3180;
  --gece:#0C1738;
  --gece-2:#122350;
  --mor:#2B3F9E;
  --altin:#E9A23B;
  --altin-koyu:#93650F;
  --altin-2:#F7C877;
  --kagit:#F3F6FC;
  --kagit-2:#E6EBF7;
  --beyaz:#fff;
  --murekkep:#0E1424;
  --gri:#59617A;
  --gri-2:#8A91A6;
  --r:14px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--kagit);color:var(--murekkep);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Archivo',system-ui,sans-serif;margin:0;line-height:1.04;letter-spacing:-.035em;font-weight:800;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;}
:focus-visible{outline:2.5px solid var(--altin);outline-offset:3px;border-radius:4px;}

.kap{max-width:1180px;margin:0 auto;padding:0 30px;}
.serit{position:relative;}
.koyu{background:var(--gece);color:#fff;}
.koyu h1,.koyu h2,.koyu h3{color:#fff;}

/* ışık dokusu */
.isik::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(72% 80% at 84% 2%, rgba(233,162,59,.15), rgba(233,162,59,0) 72%),
    radial-gradient(95% 105% at 0% 100%, rgba(43,63,158,.5), rgba(43,63,158,0) 74%);}
.isik>*{position:relative;z-index:1;}

/* ---------- üst bar ---------- */
.bar{position:sticky;top:0;z-index:50;background:var(--gece);
  border-bottom:1px solid rgba(255,255,255,.09);}
.bar-ic{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px;}
.logo{display:flex;align-items:center;flex-shrink:0;}
.logo img{height:40px;width:auto;display:block;}
.menu{display:flex;gap:6px;align-items:center;font-size:14.5px;font-weight:500;}
.menu>a{padding:9px 14px;border-radius:8px;color:rgba(255,255,255,.72);transition:color .16s,background .16s;}
.menu>a:hover{color:#fff;background:rgba(255,255,255,.08);}

/* ---------- düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--altin);color:#17203D;padding:16px 28px;border-radius:10px;
  font-weight:700;font-size:15.5px;letter-spacing:-.01em;
  box-shadow:0 6px 20px -8px rgba(233,162,59,.85);
  transition:transform .16s,box-shadow .16s,background .16s;}
.dugme:hover{background:var(--altin-2);transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(233,162,59,.9);}
.dugme svg{transition:transform .18s;}
.dugme:hover svg{transform:translateX(3px);}
.dugme-hayalet{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);}
.dugme-hayalet:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);}
.dugme-koyu{background:var(--lacivert);color:#fff;box-shadow:0 6px 20px -8px rgba(27,49,128,.7);}
.dugme-koyu:hover{background:var(--mor);}
.dugme-k{padding:11px 19px;font-size:14px;border-radius:9px;}
.dugme-blok{width:100%;padding:18px 24px;font-size:16.5px;}

/* ---------- hero ---------- */
.hero{padding:86px 0 0;overflow:hidden;}
.hero-izgara{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;}
.hero h1{font-size:clamp(31px,4.3vw,53px);max-width:17ch;}
.hero h1 em{font-style:normal;color:var(--altin);position:relative;white-space:nowrap;}
.hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:.07em;height:.07em;background:var(--altin);opacity:.45;}
.hero-alt{margin-top:22px;max-width:50ch;font-size:17px;color:rgba(255,255,255,.72);}
.aksiyon{margin-top:36px;display:flex;gap:13px;flex-wrap:wrap;}
.hero-metin{padding-bottom:0;}

.hero-foto{margin:0 0 0 auto;position:relative;align-self:center;max-width:372px;width:100%;}
.hero-foto img{width:100%;border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7);}
.hero-foto::before{content:'';position:absolute;left:-18px;top:40px;bottom:40px;width:4px;border-radius:4px;
  background:linear-gradient(var(--altin),rgba(233,162,59,0));}
.foto-etiket{position:absolute;z-index:2;left:-24px;bottom:22px;background:var(--beyaz);color:var(--murekkep);
  padding:14px 20px;border-radius:12px;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);}
.foto-etiket b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.02em;}
.foto-etiket span{font-size:12.5px;color:var(--gri);font-weight:500;}
.foto-etiket::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--altin);border-radius:3px;margin-left:-20px;padding-left:20px;box-sizing:content-box;}

/* referans şeridi */
.ref{border-top:1px solid rgba(255,255,255,.1);padding:24px 0 28px;margin-top:10px;
  display:flex;gap:14px 34px;align-items:center;flex-wrap:wrap;}
.ref strong{font-size:11.5px;letter-spacing:.14em;font-weight:700;color:var(--altin);text-transform:uppercase;}
.ref span{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.62);}

/* ---------- sayı şeridi ---------- */
.sayilar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--kagit-2);
  border-radius:var(--r);overflow:hidden;margin-top:-42px;position:relative;z-index:5;
  box-shadow:0 26px 60px -28px rgba(14,20,36,.45);}
.sayilar>div{background:var(--beyaz);padding:26px 24px;}
.sayilar b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:38px;
  letter-spacing:-.04em;color:var(--lacivert);line-height:1;}
.sayilar span{display:block;margin-top:8px;font-size:13.5px;color:var(--gri);font-weight:500;line-height:1.4;}

/* ---------- bölüm başlıkları ---------- */
.bolum{padding:100px 0;}
.bolum-bas{max-width:62ch;}
.etiket-ust{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lacivert);margin-bottom:18px;}
.etiket-ust::before{content:'';width:22px;height:2px;background:var(--altin);border-radius:2px;}
.koyu .etiket-ust{color:var(--altin-2);}
.bolum h2{font-size:clamp(30px,4.2vw,50px);max-width:18ch;}
.bolum-bas p{margin-top:18px;font-size:17.5px;color:var(--gri);}
.koyu .bolum-bas p{color:rgba(255,255,255,.7);}

/* ---------- eğitim kartları ---------- */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.kart{background:var(--beyaz);border-radius:var(--r);padding:30px 28px 26px;
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  border:1px solid var(--kagit-2);
  transition:transform .2s,box-shadow .2s,border-color .2s;}
.kart::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--altin),var(--lacivert));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.kart:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(14,20,36,.4);border-color:transparent;}
.kart:hover::after{transform:scaleX(1);}
.kart-ikon{width:52px;height:52px;border-radius:13px;background:var(--gece);color:var(--altin);
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:background .25s;}
.kart:hover .kart-ikon{background:var(--lacivert);}
.kart .kim{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--altin-koyu);margin-bottom:10px;}
.kart h3{font-size:22px;letter-spacing:-.025em;}
.kart .vaat{margin-top:11px;color:var(--gri);font-size:15px;flex:1;}
.kart .cipler{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;}
.cip{font-size:12px;font-weight:600;padding:6px 11px;border-radius:7px;background:var(--kagit);color:var(--lacivert);}
.kart .git{margin-top:20px;padding-top:18px;border-top:1px solid var(--kagit-2);
  display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14.5px;color:var(--lacivert);}
.kart .git svg{transition:transform .2s;}
.kart:hover .git svg{transform:translateX(5px);}

/* ---------- kuruma özel vurgu ---------- */
.vurgu-izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;}
.vurgu-kutu{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r);padding:30px 30px 26px;}
.adim{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.adim:last-child{border-bottom:none;padding-bottom:0;}
.adim b{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:var(--altin);color:#17203D;
  display:flex;align-items:center;justify-content:center;font-family:'Archivo',sans-serif;font-size:14px;font-weight:800;}
.adim h4{font-size:16px;letter-spacing:-.02em;margin-bottom:3px;}
.adim p{font-size:14px;color:rgba(255,255,255,.65);}

/* ---------- danışmanlık ---------- */
.dan-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
.dan{background:var(--beyaz);border:1px solid var(--kagit-2);border-radius:var(--r);padding:26px 24px;
  transition:transform .2s,box-shadow .2s;}
.dan:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(14,20,36,.35);}
.dan h3{font-size:18px;letter-spacing:-.025em;margin-bottom:9px;}
.dan p{font-size:14.5px;color:var(--gri);}
.dan .nokta{width:36px;height:36px;border-radius:10px;background:var(--kagit);color:var(--lacivert);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;}

/* ---------- hakkında ---------- */
.hak-izgara{display:grid;grid-template-columns:1fr .92fr;gap:56px;align-items:center;}
.hak-izgara p+p{margin-top:16px;}
.video{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;
  background:linear-gradient(145deg,var(--mor),var(--gece));display:flex;align-items:center;justify-content:center;
  box-shadow:0 26px 60px -30px rgba(14,20,36,.6);}
.video::after{content:'';position:absolute;inset:0;
  background:radial-gradient(110% 90% at 26% 12%,rgba(233,162,59,.24),transparent 62%);}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.oynat{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;
  transition:background .2s,transform .2s;}
.oynat:hover{background:var(--altin);color:#17203D;transform:scale(1.07);box-shadow:none;}
.video-alt{display:flex;justify-content:space-between;gap:14px;margin-top:13px;font-size:13.5px;color:var(--gri);flex-wrap:wrap;}
.koyu .video-alt{color:rgba(255,255,255,.6);}

/* ---------- son çağrı ---------- */
.cagri{border-radius:22px;padding:66px 56px;text-align:center;overflow:hidden;position:relative;
  background:linear-gradient(135deg,var(--altin-2) 0%,var(--altin) 58%,#D9912C 100%);
  color:#17203D;margin:104px 0 104px;
  box-shadow:0 34px 70px -34px rgba(233,162,59,.75);}
.cagri::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 90% at 88% 6%,rgba(255,255,255,.4),transparent 58%);}
.cagri>*{position:relative;z-index:1;}
.cagri h2{font-size:clamp(28px,4vw,46px);max-width:20ch;margin:0 auto;color:#17203D;}
.cagri p{margin:20px auto 32px;max-width:56ch;color:rgba(23,32,61,.78);font-size:17px;}
.cagri .aksiyon{justify-content:center;}
.cagri .dugme{background:#17203D;color:#fff;box-shadow:0 8px 24px -10px rgba(23,32,61,.8);}
.cagri .dugme:hover{background:var(--lacivert);}
.cagri .dugme-hayalet{background:transparent;color:#17203D;box-shadow:inset 0 0 0 1.8px rgba(23,32,61,.35);}
.cagri .dugme-hayalet:hover{background:rgba(23,32,61,.09);box-shadow:inset 0 0 0 1.8px rgba(23,32,61,.6);}

/* ---------- iç sayfa ---------- */
.ic-bas{padding:52px 0 64px;}
.geri{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;
  color:rgba(255,255,255,.6);margin-bottom:30px;transition:color .16s;}
.geri:hover{color:var(--altin);}
.ic-bas h1{font-size:clamp(32px,5vw,58px);max-width:17ch;}
.ic-bas .vaat{margin-top:20px;font-size:19px;color:rgba(255,255,255,.74);max-width:54ch;}
.kunye{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;}
.kunye>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:11px;padding:13px 18px;min-width:130px;}
.kunye span{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--altin-2);font-weight:700;margin-bottom:5px;}
.kunye b{font-weight:600;font-size:14.5px;}

.detay-izgara{display:grid;grid-template-columns:1fr 396px;gap:52px;align-items:start;padding:56px 0 100px;}
.alt-bolum{margin-top:52px;}
.alt-bolum:first-child{margin-top:0;}
.alt-bolum h2{font-size:27px;letter-spacing:-.03em;margin-bottom:22px;}
.ozet{font-size:17.5px;color:var(--gri);max-width:62ch;}
.kaz{list-style:none;padding:0;margin:0;display:grid;gap:11px;}
.kaz li{background:var(--beyaz);border:1px solid var(--kagit-2);border-radius:11px;
  padding:16px 20px 16px 52px;position:relative;font-size:15.5px;font-weight:500;}
.kaz li::before{content:'';position:absolute;left:20px;top:50%;margin-top:-7px;width:14px;height:14px;
  border-radius:5px;background:var(--altin);}
.etiketler{display:flex;flex-wrap:wrap;gap:9px;}
.etiket{background:var(--beyaz);border:1px solid var(--kagit-2);padding:10px 16px;border-radius:9px;font-size:14.5px;font-weight:500;}
.akis{display:grid;gap:11px;}
.akis>div{display:grid;grid-template-columns:42px 1fr;gap:17px;background:var(--beyaz);
  border:1px solid var(--kagit-2);border-radius:11px;padding:20px 22px;}
.akis-no{width:34px;height:34px;border-radius:10px;background:var(--gece);color:var(--altin);
  display:flex;align-items:center;justify-content:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;}
.akis h3{font-size:17px;letter-spacing:-.02em;}
.akis p{color:var(--gri);font-size:14.5px;margin-top:4px;}
.sss-satir{background:var(--beyaz);border:1px solid var(--kagit-2);border-radius:11px;margin-bottom:10px;overflow:hidden;}
.sss-dugme{width:100%;text-align:left;padding:19px 52px 19px 22px;font-size:16px;font-weight:600;position:relative;}
.sss-dugme span{position:absolute;right:20px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:8px;
  background:var(--kagit);color:var(--lacivert);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;}
.sss-cevap{padding:0 24px 20px;color:var(--gri);font-size:15px;display:none;}
.sss-satir.acik .sss-cevap{display:block;}
.sss-satir.acik .sss-dugme span{background:var(--altin);color:#17203D;}

/* ---------- form ---------- */
.form-kutu{position:sticky;top:96px;background:var(--beyaz);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 70px -32px rgba(14,20,36,.5);border:1px solid var(--kagit-2);}
.form-ust{background:linear-gradient(135deg,var(--lacivert),var(--gece));color:#fff;padding:28px 28px 24px;position:relative;overflow:hidden;}
.form-ust::after{content:'';position:absolute;inset:0;background:radial-gradient(90% 100% at 90% 0%,rgba(233,162,59,.3),transparent 60%);}
.form-ust>*{position:relative;z-index:1;}
.form-ust h3{font-size:24px;letter-spacing:-.03em;}
.form-ust p{margin-top:10px;font-size:14px;color:rgba(255,255,255,.78);line-height:1.55;}
.form-govde{padding:26px 28px 28px;}
.alan{margin-bottom:18px;}
.alan label{display:block;font-size:13.5px;font-weight:600;margin-bottom:8px;}
.alan label i{color:var(--altin);font-style:normal;}
.alan input[type=text],.alan input[type=tel],.alan select{width:100%;padding:14px 15px;font:inherit;font-size:15.5px;
  border:1.5px solid var(--kagit-2);border-radius:10px;background:var(--kagit);color:var(--murekkep);transition:border-color .16s,background .16s;}
.alan input:focus,.alan select:focus{border-color:var(--lacivert);background:var(--beyaz);outline:none;box-shadow:0 0 0 4px rgba(27,49,128,.1);}
.alan .ipucu{margin-top:8px;font-size:12.5px;color:var(--gri);}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pul-grup{display:flex;flex-wrap:wrap;gap:8px;}
.pul-grup input{position:absolute;opacity:0;width:0;height:0;}
.pul-grup label{padding:11px 15px;border:1.5px solid var(--kagit-2);border-radius:9px;font-size:14px;font-weight:600;
  background:var(--kagit);cursor:pointer;margin:0;transition:all .15s;}
.pul-grup label:hover{border-color:var(--lacivert);}
.pul-grup input:checked+label{background:var(--lacivert);border-color:var(--lacivert);color:#fff;}
.pul-grup input:focus-visible+label{outline:2.5px solid var(--altin);outline-offset:2px;}
.onay{display:flex;gap:12px;align-items:flex-start;margin:22px 0 20px;}
.onay input{margin-top:3px;width:18px;height:18px;accent-color:var(--lacivert);flex-shrink:0;}
.onay label{font-size:13px;font-weight:400;color:var(--gri);line-height:1.55;margin:0;}
.onay a{color:var(--lacivert);font-weight:600;text-decoration:underline;}
.gizli{position:absolute;left:-9999px;}
.form-guven{padding:20px 28px 24px;background:var(--kagit);border-top:1px solid var(--kagit-2);font-size:13.5px;color:var(--gri);}
.form-guven strong{display:block;color:var(--murekkep);font-weight:700;font-size:14px;margin-bottom:8px;}

/* ---------- teşekkür ---------- */
.tesekkur{max-width:640px;margin:0 auto;padding:90px 30px 130px;}
.tik{width:62px;height:62px;border-radius:19px;background:var(--altin);color:#17203D;
  display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;margin-bottom:28px;}
.tesekkur h1{font-size:clamp(32px,4.6vw,50px);}
.tesekkur p{margin-top:18px;color:var(--gri);font-size:17.5px;}
.tesekkur .kutu{margin-top:28px;padding:24px 26px;background:var(--beyaz);border:1px solid var(--kagit-2);border-radius:var(--r);}

/* ---------- alt bilgi ---------- */
footer.alt{background:var(--gece);color:rgba(255,255,255,.66);padding:76px 0 36px;font-size:14.5px;}
.alt-izgara{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;}
.alt-logo{height:92px;width:auto;}
footer.alt h4{color:#fff;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;font-weight:700;}
footer.alt a{display:block;padding:5px 0;color:rgba(255,255,255,.66);transition:color .16s;}
footer.alt a:hover{color:var(--altin);}
.alt-son{margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);
  font-size:13px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}

/* ---------- hareket ---------- */
/* beliriş: içerik her zaman görünür, hareket yalnızca eklenti */
.ac{opacity:1;transform:none;}

/* ---------- duyarlı ---------- */
@media (max-width:1000px){
  .kartlar,.dan-izgara{grid-template-columns:repeat(2,1fr);}
  .hero-izgara,.vurgu-izgara,.hak-izgara{grid-template-columns:1fr;gap:42px;}
  .hero-metin{padding-bottom:0;}
  .hero-foto{max-width:400px;margin:0 auto;}
  .detay-izgara{grid-template-columns:1fr;gap:44px;}
  .form-kutu{position:static;}
  .sayilar{grid-template-columns:1fr 1fr;}
  .alt-izgara{grid-template-columns:1fr;gap:34px;}
}
@media (max-width:660px){
  body{font-size:16px;}
  .kap{padding:0 20px;}
  .hero{padding:52px 0 0;}
  .bolum{padding:68px 0;}
  .kartlar,.dan-izgara{grid-template-columns:1fr;}
  .ikili{grid-template-columns:1fr;}
  .menu .gizle{display:none;}
  .logo img{height:32px;}
  .foto-etiket{left:10px;bottom:16px;}
  .cagri{padding:44px 24px;border-radius:18px;margin:70px 0 70px;}
  .kunye>div{flex:1;min-width:calc(50% - 6px);}
  .hero-foto{max-width:none;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;}
  .ac{opacity:1;transform:none;}
  html{scroll-behavior:auto;}
}

/* hero alt boşluğu — sayı şeridi buraya oturuyor */
.hero{padding-bottom:52px;}
.ref{margin-bottom:8px;}

/* form hata kutusu */
.uyari{background:#F8E5E5;color:#8A2A2A;border:1px solid #EBC4C4;border-radius:10px;padding:13px 16px;margin-bottom:16px;font-size:14px;}