/* ========== GLOBAL RESET ========== */
html,body{margin:0;padding:0}
*,*::before,*::after{box-sizing:border-box}

/* ========== BODY / GENEL AYARLAR ========== */
body{
  font-family:'Poppins',sans-serif;
  background:#f8f9fa;
  line-height:1.6;
  color:#333;
}

/* =================================================================
   HEADER – LOGO + 4 SATIR BAŞLIK, koyu mavi gradyan
   =============================================================== */
header{
  background:linear-gradient(135deg,#004080 0%,#001f40 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;         /* <<< LOGO + BAŞLIK ORTALANDI */
  gap:24px;
  padding:20px 32px;
  flex-wrap:nowrap;               /* masaüstü tek satır */
}

/* Logo boyutu */
.logo{
  height:125px!important;max-height:125px!important;
  width:auto!important;max-width:none!important;
  display:block;
}

/* ---------- 4 SATIR TİPOGRAFİ (boşluksuz) -------------------- */
.header-text{
  display:flex;flex-direction:column;text-align:left;
  line-height:0.4;
  font-family:'Interstate','Poppins',Helvetica,Arial,sans-serif;
}
.header-text h1{font:800 35px/1 'Interstate',sans-serif;margin:0}   /* A */
.header-text h2.faculty{font:700 30px/1 'Interstate',sans-serif;margin:0}/* B */
.header-text h3{font:500 20px/1 'Interstate',sans-serif;margin:0}   /* C */
.header-text h4{font:300 19px/1 'Interstate',sans-serif;margin:0}   /* C′ */

/* ---------- RESPONSIVE -------------------------------------- */
@media(max-width:992px){.logo{height:60px!important;max-height:60px!important}}
@media(max-width:768px){
  header{flex-direction:column;align-items:center;padding:24px 16px;gap:12px}
  .logo{height:48px!important;max-height:48px!important}
  .header-text{text-align:center}
  .header-text h1{font-size:15px}
  .header-text h2.faculty{font-size:14px}
  .header-text h3{font-size:13px}
  .header-text h4{font-size:12px}
}

/* =================================================================
   NAVIGATION  (değişmedi)
   =============================================================== */
nav{
  background:#003366;padding:.5rem;position:sticky;top:0;z-index:1000;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
}
nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0}
nav ul li{position:relative;margin:0 1rem}
nav ul li a{
  text-decoration:none;color:#fff;font-weight:500;
  padding:.8rem 1.2rem;display:block;transition:.3s;border-radius:4px;
}
nav ul li a:hover{color:#FFD700;background:rgba(255,255,255,.1)}
nav ul li ul{
  display:none;position:absolute;background:#004080;border-radius:4px;
  padding:.5rem 0;min-width:220px;box-shadow:0 4px 6px rgba(0,0,0,.1)
}
nav ul li:hover>ul{display:block;animation:fadeIn .3s ease}
nav ul li ul li{margin:0;width:100%}
nav ul li ul li ul{left:100%;top:0}

/* =================================================================
   CONTENT  (değişmedi)
   =============================================================== */
.content{max-width:1200px;margin:3rem auto;padding:2rem;background:#fff;
         border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.content h2{font-size:2.2em;color:#004080;margin-bottom:1.5rem;text-align:center;position:relative}
.content h2::after{content:'';display:block;width:60px;height:3px;background:#FFD700;margin:1rem auto}
.content p{font-size:1.1em;color:#555;line-height:1.8;text-align:justify;margin-bottom:1rem}

/* =================================================================
   FOOTER  (değişmedi)
   =============================================================== */
footer{background:linear-gradient(135deg,#003366 0%,#001f40 100%);color:#fff;padding:2rem;text-align:center}
footer p{margin:.5rem 0}
footer a{color:#FFD700;text-decoration:none;transition:.3s}
footer a:hover{color:#fff}

/* =================================================================
   RESPONSIVE NAV & CONTENT  (değişmedi)
   =============================================================== */
@media(max-width:768px){
  nav ul{flex-direction:column;align-items:center}
  nav ul li{width:100%;text-align:center}
  nav ul li ul{position:static;background:#002b54;width:100%}
  nav ul li ul li ul{position:static;background:#002447}
  .content{margin:1rem;padding:1rem}
}

/* ========== ANIMATIONS (değişmedi) ========== */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.animate-fade-in{animation:fadeIn 1s ease}