/* Eğitim sayfaları (egitim-ogretim ve alt sayfalar) için ortak stiller. Ortak header/footer: Edukent/theme/css/layout.css */
:root{
    --navy:#071b31;
    --navy-2:#0b3559;
    --blue:#166baa;
    --gold:#f4b942;
    --cream:#f7f3ea;
    --sky:#edf7fc;
    --text:#172232;
    --muted:#687588;
    --line:rgba(7,27,49,.12);
    --shadow:0 28px 75px rgba(7,27,49,.13);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:"Manrope",sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.section{padding:105px 0}
.bg-cream{background:var(--cream)}
.bg-sky{background:var(--sky)}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color:var(--blue);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.eyebrow::before{
    content:"";
    width:32px;
    height:2px;
    background:currentColor;
}
.title{
    margin-bottom:18px;
    color:var(--navy);
    font-size:clamp(2.25rem,4.3vw,4.5rem);
    font-weight:800;
    line-height:1.03;
    letter-spacing:-.052em;
}
.title em{
    font-family:"Playfair Display",serif;
    font-weight:700;
}
.lead-copy{
    color:var(--muted);
    font-size:1.04rem;
    line-height:1.85;
}

.btn-edu{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--navy);
    font-weight:800;
    border-radius:14px;
    padding:.88rem 1.42rem;
}
.btn-edu:hover{
    background:#ffc95f;
    border-color:#ffc95f;
    color:var(--navy);
    transform:translateY(-2px);
}
.btn-edu-dark{
    background:var(--navy);
    border-color:var(--navy);
    color:#fff;
    font-weight:800;
    border-radius:14px;
    padding:.88rem 1.42rem;
}
.btn-edu-dark:hover{
    background:var(--navy-2);
    border-color:var(--navy-2);
    color:#fff;
}

/* HERO */
.hero{
    position:relative;
    min-height:780px;
    display:flex;
    align-items:center;
    padding:185px 0 110px;
    color:#fff;
    background:
        linear-gradient(90deg,rgba(3,18,35,.98) 0%,rgba(7,27,49,.91) 48%,rgba(7,27,49,.38) 100%),
        var(--hero-image,none) center/cover no-repeat;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:64px 64px;
    opacity:.11;
}
.hero::after{
    content:"EĞİTİM";
    position:absolute;
    right:-20px;
    bottom:-55px;
    color:rgba(255,255,255,.035);
    font-size:12rem;
    font-weight:800;
    letter-spacing:-.08em;
}
.hero-copy{
    position:relative;
    z-index:2;
}
.hero h1{
    max-width:840px;
    margin-bottom:25px;
    font-size:clamp(3.1rem,6vw,6.3rem);
    font-weight:800;
    line-height:.95;
    letter-spacing:-.065em;
}
.hero h1 em{
    display:block;
    color:var(--gold);
    font-family:"Playfair Display",serif;
    font-weight:700;
}
.hero p{
    max-width:690px;
    color:rgba(255,255,255,.72);
    font-size:1.08rem;
    line-height:1.85;
}
.hero-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:31px;
}
.hero-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:rgba(255,255,255,.84);
    font-size:.76rem;
    font-weight:800;
    backdrop-filter:blur(10px);
}
.hero-pill i{color:var(--gold)}

.hero-stats{
    position:relative;
    z-index:2;
    max-width:410px;
    margin-left:auto;
    padding:30px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:29px;
    background:rgba(255,255,255,.08);
    box-shadow:0 30px 80px rgba(0,0,0,.2);
    backdrop-filter:blur(18px);
}
.hero-stats-title{
    margin-bottom:22px;
    color:rgba(255,255,255,.64);
    font-size:.71rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.hero-stat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 0;
    border-top:1px solid rgba(255,255,255,.12);
}
.hero-stat:first-of-type{border-top:0;padding-top:0}
.hero-stat strong{
    color:#fff;
    font-size:1rem;
}
.hero-stat span{
    color:var(--gold);
    font-size:1.25rem;
    font-weight:800;
}
.hero-stat small{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.55);
    font-size:.73rem;
}

/* EDUCATION SUBNAV */
.education-nav-wrap{
    position:relative;
    z-index:10;
    margin-top:-36px;
}
.education-nav{
    display:flex;
    gap:7px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:var(--shadow);
    overflow-x:auto;
    scrollbar-width:none;
}
.education-nav::-webkit-scrollbar{display:none}
.education-nav a{
    min-width:max-content;
    padding:13px 17px;
    border-radius:12px;
    color:var(--muted);
    font-size:.76rem;
    font-weight:800;
}
.education-nav a:hover,
.education-nav a.active{
    background:var(--navy);
    color:#fff;
}

/* INTRO */
.intro-panel{
    padding:31px;
    border-radius:25px;
    background:var(--cream);
}
.intro-panel .icon{
    display:grid;
    width:52px;
    height:52px;
    margin-bottom:18px;
    place-items:center;
    border-radius:16px;
    background:var(--gold);
    color:var(--navy);
    font-size:1.25rem;
}
.intro-panel strong{
    display:block;
    color:var(--navy);
    font-size:1.25rem;
    line-height:1.55;
}
.intro-panel p{
    margin:10px 0 0;
    color:var(--muted);
    font-size:.86rem;
    line-height:1.7;
}

/* PILLAR CARDS */
.pillar-card{
    position:relative;
    height:100%;
    padding:31px 28px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    transition:.3s ease;
    overflow:hidden;
}
.pillar-card::after{
    content:attr(data-num);
    position:absolute;
    right:14px;
    top:3px;
    color:rgba(7,27,49,.035);
    font-size:5rem;
    font-weight:800;
}
.pillar-card:hover{
    transform:translateY(-7px);
    box-shadow:0 25px 60px rgba(7,27,49,.1);
}
.pillar-icon{
    position:relative;
    z-index:2;
    display:grid;
    width:56px;
    height:56px;
    margin-bottom:23px;
    place-items:center;
    border-radius:17px;
    background:var(--navy);
    color:var(--gold);
    font-size:1.32rem;
}
.pillar-card h3{
    position:relative;
    z-index:2;
    color:var(--navy);
    font-size:1.14rem;
    font-weight:800;
}
.pillar-card p{
    position:relative;
    z-index:2;
    margin-bottom:20px;
    color:var(--muted);
    font-size:.87rem;
    line-height:1.72;
}
.pillar-link{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--blue);
    font-size:.79rem;
    font-weight:800;
}
.pillar-link i{transition:.2s}
.pillar-card:hover .pillar-link i{transform:translateX(4px)}

/* FEATURE SECTIONS */
.feature-section{
    position:relative;
    background:var(--navy);
    color:#fff;
    overflow:hidden;
}
.feature-section::after{
    content:"";
    position:absolute;
    right:-220px;
    top:-180px;
    width:500px;
    height:500px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:0 0 0 60px rgba(255,255,255,.02);
}
.feature-section .eyebrow{color:var(--gold)}
.feature-section .title{color:#fff}
.feature-section .lead-copy{color:rgba(255,255,255,.65)}

.feature-image{
    position:relative;
    min-height:610px;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 32px 80px rgba(0,0,0,.28);
}
.feature-image img{
    width:100%;
    height:610px;
    object-fit:cover;
}
.feature-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(3,18,35,.55),transparent 55%);
}
.feature-image-badge{
    position:absolute;
    left:24px;
    bottom:24px;
    z-index:2;
    max-width:280px;
    padding:19px 20px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    background:rgba(7,27,49,.68);
    backdrop-filter:blur(14px);
}
.feature-image-badge strong{display:block;margin-bottom:4px}
.feature-image-badge small{color:rgba(255,255,255,.6);line-height:1.5}

.check-list{
    display:grid;
    gap:12px;
    margin-top:30px;
}
.check-item{
    display:flex;
    gap:13px;
    padding:16px 17px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:17px;
    background:rgba(255,255,255,.05);
}
.check-item i{color:var(--gold)}
.check-item strong{
    display:block;
    margin-bottom:3px;
    font-size:.91rem;
}
.check-item span{
    color:rgba(255,255,255,.57);
    font-size:.79rem;
    line-height:1.55;
}

/* VISUAL GRID */
.visual-card{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:flex-end;
    border-radius:27px;
    overflow:hidden;
    isolation:isolate;
}
.visual-card.large{min-height:590px}
.visual-card img{
    position:absolute;
    inset:0;
    z-index:-2;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s ease;
}
.visual-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(to top,rgba(3,18,35,.94),rgba(3,18,35,.06) 72%);
}
.visual-card:hover img{transform:scale(1.05)}
.visual-content{
    width:100%;
    padding:28px;
    color:#fff;
}
.visual-content span{
    display:block;
    margin-bottom:9px;
    color:var(--gold);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.visual-content h3{
    margin-bottom:9px;
    font-size:1.35rem;
    font-weight:800;
}
.visual-content p{
    max-width:430px;
    margin:0 0 17px;
    color:rgba(255,255,255,.66);
    font-size:.84rem;
    line-height:1.65;
}
.visual-content a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.78rem;
    font-weight:800;
}

/* COACHING */
.coach-image{
    position:relative;
    min-height:580px;
    border-radius:30px;
    overflow:hidden;
    box-shadow:var(--shadow);
}
.coach-image img{
    width:100%;
    height:580px;
    object-fit:cover;
}
.coach-note{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    padding:20px;
    border-radius:18px;
    background:rgba(255,255,255,.94);
    color:var(--navy);
    box-shadow:0 18px 45px rgba(7,27,49,.16);
}
.coach-note strong{display:block}
.coach-note span{
    color:var(--muted);
    font-size:.78rem;
}

.process{
    position:relative;
    margin-top:34px;
}
.process::before{
    content:"";
    position:absolute;
    left:27px;
    top:26px;
    bottom:26px;
    width:1px;
    background:var(--line);
}
.process-item{
    position:relative;
    display:flex;
    gap:20px;
    padding-bottom:28px;
}
.process-num{
    position:relative;
    z-index:2;
    display:grid;
    width:56px;
    height:56px;
    flex:0 0 56px;
    place-items:center;
    border:7px solid #fff;
    border-radius:50%;
    background:var(--navy);
    color:var(--gold);
    font-size:.74rem;
    font-weight:800;
    box-shadow:0 0 0 1px var(--line);
}
.process-item h3{
    margin:5px 0 6px;
    color:var(--navy);
    font-size:1.05rem;
    font-weight:800;
}
.process-item p{
    margin:0;
    color:var(--muted);
    font-size:.86rem;
    line-height:1.68;
}

/* CAREER CTA */
.career-box{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:flex-end;
    border-radius:32px;
    background:
        linear-gradient(to top,rgba(3,18,35,.94),rgba(3,18,35,.2) 70%),
        var(--career-image,none) center/cover no-repeat;
    overflow:hidden;
    box-shadow:var(--shadow);
}
.career-copy{
    max-width:720px;
    padding:45px;
    color:#fff;
}
.career-copy .eyebrow{color:var(--gold)}
.career-copy h2{
    margin-bottom:16px;
    font-size:clamp(2rem,4vw,4rem);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.05em;
}
.career-copy p{
    color:rgba(255,255,255,.71);
    line-height:1.82;
}

/* CTA */
.cta{
    padding:85px 0;
    background:var(--cream);
}
.cta-box{
    position:relative;
    padding:55px;
    border-radius:32px;
    background:
        radial-gradient(circle at 84% 18%,rgba(244,185,66,.18),transparent 24%),
        linear-gradient(125deg,#06172a,#0a3458);
    color:#fff;
    overflow:hidden;
}
.cta-box::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-145px;
    width:330px;
    height:330px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    box-shadow:0 0 0 45px rgba(255,255,255,.025);
}
.cta-box h2{
    max-width:730px;
    font-size:clamp(2rem,4vw,3.9rem);
    font-weight:800;
    line-height:1.05;
    letter-spacing:-.05em;
}
.cta-box p{
    max-width:650px;
    color:rgba(255,255,255,.66);
    line-height:1.8;
}

.reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .7s ease,transform .7s ease;
}
.reveal.visible{opacity:1;transform:none}
@media(max-width:991.98px){
    .section{padding:82px 0}
    .hero-stats{max-width:none;margin:38px 0 0}
    .feature-image,.feature-image img{min-height:500px;height:500px}
    .coach-image,.coach-image img{min-height:500px;height:500px}
}
@media(max-width:767.98px){
    .hero{
        min-height:auto;
        padding:155px 0 80px;
        background:
            linear-gradient(90deg,rgba(3,18,35,.97),rgba(7,27,49,.72)),
            var(--hero-image,none) center/cover no-repeat;
    }
    .hero h1{font-size:clamp(2.9rem,14vw,4.2rem)}
    .hero::after{font-size:7rem;bottom:-20px}
    .visual-card,.visual-card.large{min-height:410px}
    .feature-image,.feature-image img{min-height:420px;height:420px}
    .coach-image,.coach-image img{min-height:440px;height:440px}
    .career-box{min-height:500px}
    .career-copy{padding:30px 24px}
    .cta-box{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none}
}

/* DETAY İÇERİĞİ (alt sayfalarda ERP zengin metin alanı) */
.richtext{color:#4d5b6d;line-height:1.9}
.richtext h3,.richtext h4{color:var(--navy);font-weight:800;margin:1.4rem 0 .7rem}
.richtext ul,.richtext ol{padding-left:1.2rem}
.detail-media img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:var(--shadow)}