html { font-size:14px; height:100%; }
@media (min-width:768px){ html { font-size:16px; } }
:root { --blue:#258cfb; --blue-soft:#e6f2ff; --orange:#ff8c32; --orange-soft:#ffe9d8; --green:#24b36b; --green-soft:#dcf7eb; --purple:#7367f0; --radius-sm:10px; --radius:18px; --radius-lg:28px; --bg-soft:#f5f9ff; --dark:#1f2d3d; --shadow-sm:0 4px 10px -2px rgba(0,0,0,.08); --shadow:0 8px 24px -6px rgba(0,0,0,.12); font-family:'Nunito',system-ui,sans-serif; }
body { display:flex; flex-direction:column; min-height:100%; background:#fff; color:var(--dark); font-family:'Nunito',sans-serif; }
.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus { box-shadow:0 0 0 0.1rem #fff,0 0 0 0.25rem var(--blue); }
.navbar-brand { font-weight:800; letter-spacing:.5px; }
.text-accent { color:var(--orange); }
/* HERO full-bleed */
.hero { gap:2rem; background:#2596be; color:#fff; padding:3.2rem 2rem 6rem !important; position:relative; overflow:hidden; }
.hero-full { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); border-radius:0; }
@media (min-width:992px){ .hero.hero-full { padding-left:10rem !important; padding-right:10rem !important; } }
@media (min-width:1200px){ .hero.hero-full { padding-left:14rem !important; padding-right:14rem !important; } }
@media (min-width:1400px){ .hero.hero-full { padding-left:18rem !important; padding-right:18rem !important; } }
.hero:before { content:""; position:absolute; inset:0; background:rgba(255,255,255,.05); pointer-events:none; }
.hero-title { font-weight:800; font-size:clamp(1.8rem,3vw+1rem,3rem); line-height:1.15; color:#fff; }
.gradient-text { color:#ffefce; background:none; -webkit-background-clip:initial; }
.hero-subtitle { font-weight:500; color:#f1f8fd; }
.logo-placeholder { width:120px; height:60px; border:3px dashed rgba(255,255,255,.6); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; background:rgba(255,255,255,.15); }
.hero-img { max-width:520px; width:100%; }
#programlar { position:relative; margin-top:-155px; }
#programlar .program-card { z-index:3; }
.btn-cta-primary { background:var(--orange); color:#fff; border:none; border-radius:var(--radius-sm); font-weight:600; transition:.3s; }
.btn-cta-primary:hover { background:#ff7a12; color:#fff; box-shadow:var(--shadow-sm); }
.btn-cta-secondary { background:#ffffff; color:#0f4c63; border:2px solid #0f4c63; border-radius:var(--radius-sm); font-weight:700; }
.btn-cta-secondary:hover { background:#e8f7ff; color:#0f4c63; }
.program-card, .detail-card, .form-card { background:#fff; border-radius:var(--radius); padding:1.6rem 1.4rem; position:relative; overflow:hidden; border:1px solid #eef3f9; box-shadow:var(--shadow-sm); transition:.35s; }
.program-card:hover, .detail-card:hover, .form-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.program-card h3 { font-weight:700; margin-bottom:.4rem; }
.program-card p { font-size:.95rem; margin-bottom:.6rem; }
.program-card .program-image { display:flex; justify-content:center; }
.program-card .program-image img.program-img { width:auto; max-width:100%; max-height:120px; object-fit:contain; border-radius:14px; background:#fff; padding:.25rem .5rem; box-shadow:none; }
.icon-circle { display:none; }
.detail-head { display:flex; align-items:center; gap:.75rem; margin-bottom:1rem; }
.detail-head h4 { margin:0; font-weight:700; font-size:1.05rem; }
.detail-img { width:54px; height:54px; object-fit:contain; background:#fff; padding:.25rem; border-radius:14px; box-shadow:none; }
.feature-list { list-style:none; padding-left:0; display:flex; flex-direction:column; gap:.55rem; font-size:.85rem; margin:0; }
/* Remove previous pseudo bullets */
.feature-list li { position:relative; padding-left:0; line-height:1.25rem; display:flex; align-items:flex-start; gap:.45rem; }
.feature-list li:before, .feature-list li:after { content:none !important; }
.feature-icon { display:inline-flex; width:1.15rem; height:1.15rem; align-items:center; justify-content:center; font-size:.95rem; color:var(--orange); flex-shrink:0; margin-top:1px; }
.feature-list.feature-icons li { padding-left:0; }
.metrics { font-weight:700; }
.metric { display:flex; flex-direction:column; background:var(--blue-soft); padding:1rem 1.4rem; border-radius:var(--radius); min-width:160px; box-shadow:var(--shadow-sm); }
.metric:nth-child(2){ background:var(--orange-soft); }
.metric:nth-child(3){ background:var(--green-soft); }
.metric-value { font-size:1.4rem; }
.metric-label { font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; opacity:.8; }
.bg-soft { background:var(--bg-soft); }
.steps-card { display:flex; gap:3rem; background:#fff; padding:2.2rem 2rem; border-radius:var(--radius-lg); box-shadow:var(--shadow); align-items:center; flex-wrap:wrap; }
.steps-left { flex:1 1 320px; }
.steps-right { flex:1 1 300px; }
.steps-image { max-width:420px; border-radius:30px; box-shadow:none; }
.process-list { counter-reset:step; list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.9rem; }
.process-list li { position:relative; padding:.8rem 1rem .8rem 3.25rem; background:var(--blue-soft); border-radius:16px; font-weight:600; box-shadow:var(--shadow-sm); }
.process-list li:nth-child(2){ background:var(--orange-soft); }
.process-list li:nth-child(3){ background:var(--green-soft); }
.process-list li:nth-child(4){ background:#dfe8ff; }
.process-list li:nth-child(5){ background:#ffe3d0; }
.process-list li:before { counter-increment:step; content:counter(step); position:absolute; left:1rem; top:50%; transform:translateY(-50%); width:34px; height:34px; background:var(--orange); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; border-radius:12px; box-shadow:none; }
.section-title { font-weight:800; font-size:2rem; }
.contact-form-section .form-card { background:#fff; }
.form-card h2 { font-weight:700; font-size:1.6rem; }
.form-control { border-radius:var(--radius-sm); }
main { flex:1 0 auto; }
.footer-main { flex-shrink:0; background:#1e293b; border-top:5px solid var(--orange); }
.footer-main a { text-decoration:none; }
.social-link { color:#fff; display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center; background:rgba(255,255,255,.08); border-radius:14px; transition:.3s; }
.social-link:hover { background:var(--orange); color:#fff; transform:translateY(-3px); }
.child-illustration,.child-body,.child-head,.child-arm,.child-bag,.parents-illustration,.parent { display:none !important; }

/* Blog Index Styles */
.blog-index { }
.blog-card { background:#fff; border-radius:var(--radius); overflow:hidden; transition:.35s; border:1px solid #eef3f9; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
.blog-card:hover { transform:translateY(-8px); box-shadow:var(--shadow); }
.blog-card-image { position:relative; overflow:hidden; aspect-ratio:16/10; }
.blog-card-image img { width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.blog-card-image:hover img { transform:scale(1.08); }
.blog-card-body { padding:1.5rem; flex:1; display:flex; flex-direction:column; }
.blog-card-meta { }
.blog-card-meta .badge { font-weight:600; font-size:.75rem; padding:.4rem .8rem; }
.blog-card-title { font-size:1.25rem; font-weight:700; margin-bottom:.75rem; line-height:1.3; }
.blog-card-title a { color:var(--dark); text-decoration:none; transition:.3s; }
.blog-card-title a:hover { color:var(--orange); }
.blog-card-excerpt { color:#6c757d; font-size:.95rem; margin-bottom:1rem; line-height:1.6; flex:1; }
.blog-card-link { color:var(--blue); font-weight:600; text-decoration:none; display:inline-flex; align-items:center; transition:.3s; margin-top:auto; }
.blog-card-link:hover { color:var(--orange); gap:.5rem; }
.blog-card-link i { transition:.3s; }
.blog-card-link:hover i { transform:translateX(4px); }

/* Blog Post Detail Styles */
.blog-post-detail { padding:3rem 0; }
.post-header { }
.post-title { font-size:2.5rem; font-weight:800; line-height:1.2; color:var(--dark); }
.post-meta { font-size:.95rem; }
.post-meta i { color:var(--orange); }
.post-summary { font-size:1.15rem; color:#6c757d; border-left:4px solid var(--orange); padding-left:1.5rem; margin-top:1.5rem; }
.post-featured-image { border-radius:var(--radius); overflow:hidden; }
.post-featured-image img { width:100%; height:auto; object-fit:cover; }
.post-content { font-size:1.05rem; line-height:1.8; color:#374151; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin-top:2rem; margin-bottom:1rem; font-weight:700; color:var(--dark); }
.post-content h2 { font-size:1.8rem; }
.post-content h3 { font-size:1.5rem; }
.post-content p { margin-bottom:1.5rem; }
.post-content strong, .post-content b { font-weight:700; }
.post-content em, .post-content i { font-style:italic; }
.post-content u { text-decoration:underline; }
.post-content s, .post-content strike { text-decoration:line-through; }
.post-content img { max-width:100%; height:auto; border-radius:12px; margin:1.5rem 0; box-shadow:var(--shadow-sm); }
.post-content a { color:var(--blue); text-decoration:underline; }
.post-content a:hover { color:var(--orange); }
.post-content ul, .post-content ol { margin-bottom:1.5rem; padding-left:2rem; }
.post-content li { margin-bottom:.5rem; }
.post-content blockquote { border-left:4px solid var(--blue); padding-left:1.5rem; margin:2rem 0; font-style:italic; color:#6c757d; background:var(--blue-soft); padding:1.5rem; border-radius:var(--radius-sm); }
.post-content code { background:#f3f4f6; padding:.2rem .5rem; border-radius:4px; font-size:.9em; color:#e83e8c; }
.post-content pre { background:#1e293b; color:#f8f9fa; padding:1.5rem; border-radius:var(--radius-sm); overflow-x:auto; margin:1.5rem 0; }
.post-content pre code { background:transparent; color:inherit; padding:0; }
.post-content table { width:100%; border-collapse:collapse; margin:1.5rem 0; }
.post-content table th, .post-content table td { padding:.75rem; border:1px solid #dee2e6; }
.post-content table th { background:#f8f9fa; font-weight:600; }
.post-content table tr:nth-child(even) { background:#f8f9fa; }
.post-footer { }
.post-share { display:flex; align-items:center; }
.post-share .btn { border-radius:50%; width:36px; height:36px; padding:0; display:flex; align-items:center; justify-content:center; }

@media (max-width:991.98px){ .hero { text-align:center; padding:2.5rem 1.8rem 5rem !important; } #programlar { margin-top:-120px; } .hero .hero-text { order:2; } .hero-illustration { order:1; } .metric { min-width:unset; flex:1; } .program-card .program-image img.program-img { max-height:110px; } .steps-card { padding:1.8rem 1.4rem; } .hero-full { margin-left:-1rem; margin-right:-1rem; } .post-title { font-size:2rem; } }
@media (max-width:575.98px){ .metric-value { font-size:1.2rem; } .program-card .program-image img.program-img { max-height:100px; } .detail-head { flex-direction:column; align-items:flex-start; } .detail-img { width:62px; height:62px; } .process-list li { padding-left:4rem; } .steps-card { gap:2rem; } #programlar { margin-top:-100px; } .post-title { font-size:1.75rem; } .post-summary { font-size:1rem; } .post-footer { flex-direction:column; align-items:stretch !important; } .post-footer .btn { width:100%; } }