
:root{--navy:#102b4e;--gold:#d4aa50;--ink:#1d2e48;--muted:#617086;--line:#dce4ef;--bg:#f5f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit}.top{position:sticky;top:0;z-index:30;background:white;border-bottom:1px solid var(--line);box-shadow:0 3px 14px #102b4e0b}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}.education-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--navy)}.education-brand img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain}.education-brand span{display:grid;line-height:1.2;min-width:0}.education-brand strong{font-size:20px;letter-spacing:.035em}.education-brand small{font-size:9px;color:#8a6d38;letter-spacing:.04em}.actions{display:flex;align-items:center;gap:18px}.actions .phone{color:var(--navy);font-weight:700;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;background:linear-gradient(135deg,#f2cc6b,#d3a64a);color:#102b4e!important;border:0;border-radius:10px;padding:12px 20px;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 5px 12px #102b4e16}.btn:hover{filter:brightness(1.04)}.btn-ghost{background:transparent;border:2px solid #f0d9a6;color:white!important;box-shadow:none}.hero{background:linear-gradient(120deg,#092341,#12365e 72%,#204a75);color:white;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center;padding:65px 0}.hero h1{font-size:clamp(35px,4vw,56px);line-height:1.13;letter-spacing:-.025em;margin:22px 0}.gold-text{color:#f1c45c}.hero p{font-size:18px;line-height:1.75;color:#edf2f9;max-width:620px}.hero small{color:#f2c876;font-weight:800;letter-spacing:.06em}.hero-photo{width:100%;height:380px;object-fit:cover;object-position:center;border-radius:28px 12px 28px 12px;border:5px solid #e6c375;box-shadow:0 20px 60px #0003}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-benefits{background:#071d36bb;border-top:1px solid #ffffff25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:16px max(20px,calc((100vw - 1160px)/2));}.hero-benefit{display:flex;align-items:center;gap:12px;color:white;font-size:13px;font-weight:650;padding:8px 14px;border-right:1px solid #ffffff36}.hero-benefit:last-child{border:0}.benefit-icon{font-size:27px;color:#f0c55c;line-height:1}.section{padding:68px 0}.section.alt{background:var(--bg)}h2{font-size:clamp(27px,3vw,36px);color:var(--navy);line-height:1.2;margin:0 0 24px}h3{color:var(--navy);line-height:1.35}.section-lead{color:var(--muted);margin:-8px 0 28px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.ref,.doc,.form{border:1px solid var(--line);background:white;border-radius:16px;padding:24px;min-width:0}.card{box-shadow:0 5px 20px #102b4e08}.card h3{font-size:19px;margin:0 0 20px}.card .btn{margin-top:12px}.course-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.course-fact{background:#f6f8fb;padding:10px;border-radius:9px;min-width:0}.course-fact small{display:block;color:#64748b;font-size:12px}.course-fact strong{display:block;font-size:16px;color:#102b4e;overflow-wrap:anywhere}.course-mode{color:#65758a;font-size:13px;margin:15px 0}.outline-link{display:inline-flex;justify-content:center;text-decoration:none;font-weight:750;color:var(--navy);border:1px solid var(--gold);border-radius:9px;padding:11px 15px;margin-right:8px;margin-top:8px}.refs,.docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ref,.doc{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:105px;font-weight:750}.refhero{background:linear-gradient(120deg,#092341,#1c416e);color:white;border-radius:20px;text-align:center;padding:42px 25px;margin-bottom:38px}.refhero h2{color:white}.ref-eyebrow{color:#edc979;font-size:13px;letter-spacing:.08em}.fine{font-size:12px;color:#69788b}.faq-group{margin:28px 0 38px}.faq-group h3{font-size:20px;border-left:4px solid var(--gold);padding-left:15px}.faq-item{border:1px solid var(--line);border-radius:11px;margin:9px 0;background:white;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:17px 22px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font-size:24px;color:#a6813e;line-height:1}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 22px 18px;margin:0;color:#4b5d72}.verification-feature{display:grid;grid-template-columns:2fr 1fr;gap:25px;align-items:center}.form{max-width:830px;margin:auto;box-shadow:0 14px 40px #102b4e0b}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1/-1}label{display:block;font-size:14px;font-weight:700}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #b9c7d8;border-radius:9px;margin-top:7px;background:white;color:#1b2c42;font:inherit}input[type=checkbox]{display:inline-block;width:auto;margin-right:7px}.hp{position:absolute;left:-9999px}.level-notice{background:#f9f2e5;border-left:4px solid var(--gold);padding:16px 20px;border-radius:10px;max-width:830px;margin:22px auto}.doc-symbol{color:#b78c3b;font-size:30px}.doc small{display:block;color:#68798e;font-weight:400}.foot{background:#0a2442;color:#e9eff8;padding:40px 0}.foot a{color:#f2d69c}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.foot h2{color:white;font-size:19px}.footer-brand{font-size:22px;font-weight:850}.detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px}.detail-facts>div{background:#f5f7fa;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.detail-facts small{display:block;color:#65758a}.detail-facts strong{display:block;font-size:18px;overflow-wrap:anywhere}.curriculum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.curriculum-item{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;min-width:0}.curriculum-item h3{margin-top:0}.three-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.three-levels article{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.chat,.chatbtn,#test-area{display:none!important}#sap-modul-alani[hidden]{display:none!important}
@media(max-width:900px){.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 20px}.hero-benefit{border:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:25px}.hero-photo{height:320px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.top .wrap{min-height:70px;gap:8px}.education-brand{gap:7px}.education-brand img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}.education-brand strong{font-size:14px}.education-brand small{font-size:7px}.actions .phone{display:none}.actions .btn{padding:9px 11px;font-size:12px;min-height:38px}.hero-grid{grid-template-columns:1fr;padding:38px 0 30px;gap:24px}.hero h1{font-size:clamp(30px,8vw,42px)}.hero p{font-size:16px}.hero-photo{height:235px;border-radius:16px;border-width:3px}.hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px}.hero-benefit{font-size:11px;padding:9px 5px}.benefit-icon{font-size:21px}.hero-buttons .btn{width:100%}.section{padding:44px 0}.grid,.curriculum,.three-levels,.fields,.verification-feature,.footer-grid{grid-template-columns:1fr}.refs,.docs,.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:19px}.card h3{font-size:19px}.ref,.doc{padding:14px;font-size:12px}.course-facts{gap:8px}.course-fact strong{font-size:15px}.form{padding:18px}.faq-item summary{padding:14px;font-size:14px}.foot{padding:30px 0}}
@media(max-width:365px){.education-brand small{display:none}.refs,.docs,.detail-facts{grid-template-columns:1fr}}

/* BFS premium refinement - visual-only overrides, 2026-11-05 */
:root{--gold:#d7aa4d}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:52px}
.hero-photo{height:420px;border:3px solid #e6c375;border-radius:24px;box-shadow:0 25px 65px #0004;object-position:center}
.hero h1{max-width:720px}
.hero-benefit{font-size:14px;line-height:1.4}
.card{display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.card:hover{box-shadow:0 16px 36px #102b4e16;transform:translateY(-2px)}
#egitimler article.card h3{min-height:52px;margin-bottom:15px}
#egitimler .course-fact{padding:13px 12px}
#egitimler .course-fact strong{font-size:17px}
#egitimler .price-fact{background:#fff6df;border:1px solid #e9d6a8}
#egitimler .price-fact strong{font-size:22px;font-weight:850}
#egitimler .card .course-mode{margin-top:auto;padding-top:15px}
#egitimler .card .outline-link,#egitimler .card .btn{font-size:14px}
#egitimler .card .btn{margin-top:10px}
.refhero{padding:50px 28px;background:radial-gradient(circle at 85% 20%,#284c7c,#102b4e 65%);border:1px solid #c9a452}
.ref{font-size:15px;min-height:108px;line-height:1.4;box-shadow:0 5px 18px #102b4e08}
.docs .doc{min-height:150px;gap:4px}
.doc-symbol{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#f7edda;border:1px solid #e5c98c;border-radius:13px;font-size:21px;font-weight:800;color:#9d7227;margin-bottom:8px}
.faq-group{margin:30px 0 38px}
.faq-item summary{font-size:16px}
.faq-item[open]{border-color:#d4aa50;box-shadow:0 5px 18px #102b4e0b}
.form label:focus-within{color:#102b4e}
.form input:focus-visible,.form select:focus-visible{outline:3px solid #d7aa4d80;outline-offset:1px}
.btn:focus-visible,.outline-link:focus-visible,.faq-item summary:focus-visible{outline:3px solid #e7b955;outline-offset:3px}
@media(max-width:900px){.hero-grid{gap:26px}.hero-photo{height:330px}.hero-benefit{font-size:12px}}
@media(max-width:650px){
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .hero-photo{height:250px;border-radius:16px}
 .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 #egitimler article.card h3{min-height:0}
 #egitimler .price-fact strong{font-size:20px}
 #egitimler .card .outline-link,#egitimler .card .btn{width:100%;margin-right:0}
 .refhero{padding:32px 18px}
 .ref{font-size:13px}
 .faq-item summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

.hero-photo-note{display:block;color:#e8c47b;font-size:11px;margin-top:5px;text-align:right}@media(max-width:650px){.hero-photo-note{text-align:left}}

/* 2026-11-05: compact FAQ and two-column mobile credentials */
.hero-figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center}
.hero-figure .hero-photo{width:100%;max-width:100%;height:420px;object-fit:cover;display:block}
.hero-photo-note{position:static!important;display:block!important;margin:0!important;text-align:center;font-size:11px;color:#d5e1ef}
.faq-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.faq-compact .faq-item{margin:0;min-width:0}
.doc-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f8f0e2;color:#a27c38}
.doc-symbol svg{display:block;flex-shrink:0}
@media(max-width:850px){.hero-figure .hero-photo{height:320px}}
@media(max-width:650px){.hero-figure .hero-photo{height:235px}.faq-compact{grid-template-columns:1fr}.refs,.docs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.refs .ref,.docs .doc{min-width:0;padding:12px 8px;min-height:104px;overflow-wrap:anywhere;word-break:normal}.docs .doc{min-height:132px}.doc-symbol{width:37px;height:37px}.doc-symbol svg{width:23px;height:23px}}
@media(max-width:365px){.refs,.docs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.refs .ref,.docs .doc{font-size:11px;padding:10px 6px}}

/* 2026-11-05: Compact level cards, three across on mobile. */
.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.level-grid .card{text-align:center;padding:18px 10px;min-width:0}
.level-grid .card h3{font-size:clamp(14px,1.8vw,20px);margin:0 0 7px}
@media(max-width:650px){.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.level-grid .card{padding:12px 5px;font-size:11px;line-height:1.4}.level-grid .card h3{font-size:13px;line-height:1.25;min-height:0}}
@media(max-width:360px){.level-grid{gap:5px}.level-grid .card{padding:10px 4px;font-size:10px}.level-grid .card h3{font-size:12px}}

/* BFS footer: compact mobile layout, 05 Nov 2026 */
@media (max-width:650px){
 .foot{padding:24px 0 22px!important}
 .foot .footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important;row-gap:18px!important;align-items:start}
 .foot .footer-grid>div{min-width:0}
 .foot .footer-grid>div:first-child{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}
 .foot .footer-brand{font-size:17px!important;line-height:1.35!important;overflow-wrap:break-word}
 .foot h2{font-size:16px!important;margin:0 0 10px!important;line-height:1.3}
 .foot p{font-size:12px!important;line-height:1.55!important;margin:7px 0!important;overflow-wrap:break-word}
 .foot a{overflow-wrap:anywhere}
}
@media (max-width:365px){
 .foot .footer-grid{column-gap:12px!important}
 .foot .footer-brand{font-size:15px!important}
 .foot p{font-size:11px!important}
}

/* Eğitim detay sayfaları: giriş bölümü için iki kapsayıcılı yapı */
.hero-detail .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:clamp(24px,4vw,60px)!important;align-items:center!important;padding-block:clamp(44px,5vw,76px)!important}
.detail-hero-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.detail-hero-copy small{font-size:12px;line-height:1.5}
.detail-hero-copy h1{font-size:clamp(32px,3.8vw,54px);line-height:1.13;margin:20px 0 10px;max-width:700px;overflow-wrap:break-word}
.detail-hero-copy .detail-subtitle{font-size:clamp(16px,1.6vw,20px);font-weight:750;color:#f1c45c;line-height:1.4;margin:0 0 12px}
.detail-hero-copy p:not(.detail-subtitle){font-size:clamp(15px,1.3vw,18px);line-height:1.7;margin:0 0 22px;max-width:590px}
.detail-hero-copy .btn{width:auto;min-width:220px}
.detail-hero-media{min-width:0;width:100%;align-self:center}
.detail-hero-media .hero-photo{display:block;width:100%;height:clamp(240px,27vw,370px);object-fit:cover;border:3px solid #e7c36c;border-radius:20px;box-shadow:0 18px 45px #0003}
.hero-detail+.section .detail-facts{margin-top:0}
.detail-facts strong{font-size:clamp(17px,1.6vw,21px)}
.curriculum-item{box-shadow:0 6px 20px #102b4e08}
.curriculum-item h3{font-size:19px}
@media(max-width:750px){
 .hero-detail .hero-grid{grid-template-columns:minmax(0,1fr)!important;padding-block:34px!important;gap:24px!important}
 .detail-hero-copy h1{font-size:clamp(30px,8vw,42px);margin:15px 0 8px}
 .detail-hero-copy .btn{width:100%;max-width:100%}
 .detail-hero-media .hero-photo{height:clamp(210px,57vw,330px);border-radius:15px}
 .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .curriculum{grid-template-columns:minmax(0,1fr)!important}
 .three-levels{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
 .three-levels article{padding:11px 7px;text-align:center;min-width:0}
 .three-levels h3{font-size:13px;overflow-wrap:anywhere}
 .three-levels p{font-size:11px;line-height:1.4}
}
