/* Genel */
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:'Poppins', sans-serif; line-height:1.6; color:#222; background:#f9f9f9;}

/* Container */
.container{max-width:1200px; margin:0 auto; padding:0 20px;}

/* Header */
header{background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100;}
header .header-container{display:flex; justify-content:space-between; align-items:center; padding:15px 20px; flex-wrap:wrap;}
header .logo-img{height:90px;}
nav a{margin-left:25px; color:#0B3D91; text-decoration:none; font-weight:600; transition:0.3s;}
nav a:hover{color:#FFC20E;}

/* Hero */
.hero{padding:60px 20px; background:#0B3D91; color:#fff; text-align:center;}
.hero h1{font-size:3em; margin-bottom:20px;}
.hero p{font-size:1.2em; margin-bottom:30px;}
.btn{padding:12px 25px; border-radius:50px; font-weight:700; text-decoration:none; display:inline-block; transition:0.3s;}
.btn:hover{transform:translateY(-3px);}
.btn.highlight{background:#FFC20E; color:#0B3D91; font-weight:800;}

/* Sections */
section{padding:30px 20px;}
h2{text-align:center; font-size:2em; margin-bottom:40px; color:#0B3D91;}

/* Cards */
.cards{display:flex; flex-wrap:wrap; gap:30px; justify-content:center;}
.card{background:#fff; border-radius:15px; padding:25px; max-width:400px; box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.card h3{margin-bottom:10px; color:#0B3D91;}
.card p{color:#333;}

/* Contact */
.contact-grid{display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin-bottom:30px;}
.contact-grid .card{flex:1 1 250px;}
.contact a{color:#0B3D91; text-decoration:none; font-weight:600;}
.social.center-btn{text-align:center;}
.social a{margin:0 15px; font-weight:600; color:#0B3D91;}
.social a:hover{color:#FFC20E;}

/* Footer */
footer{background:#222; color:#fff; text-align:center; padding:20px; font-size:0.9em;}

/* Responsive */
@media(max-width:768px){
  nav{justify-content:center; margin-top:10px;}
  .cards{flex-direction:column; align-items:center;}
  .hero h1{font-size:2em;}
  .hero p{font-size:1em;}
  .btn{width:80%; max-width:300px; margin:10px auto;}
}

/* Buton ortalama */
.center-btn {
  text-align: center;
  margin-top: 30px; /* program bitimi ile buton arası boşluk */
}

.center-btn .btn {
  display: inline-block; /* margin auto ile yatay ortalama için */
  margin: 0 auto;
}

#program {background:oklab(92.09% 0.00263 -0.00915); text-align:center; padding:80px;}

/* Hakkımızda metni şekillendirme */
#about p {
    text-align:center;
    font-size: 1.25rem;      /* Daha büyük ve okunaklı */
    line-height: 1.8;        /* Satırlar arası rahatlık */
    color: #0B3D91;          /* Kurumsal lacivert */
    font-weight: 500;         /* Hafif dolgunluk */
    margin-bottom: 20px;      /* Paragraflar arası boşluk */
}