*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#1B2B4B;--navy2:#243660;--silver:#C8D0DC;--cream:#F5F2ED;--offwhite:#FAFAF8;--text-dark:#1a1a1a;--text-mid:#4a4a4a;--text-light:#7a7a7a;--border:#D8D4CD;--gold:#9A7B2F}
html{overflow-x:hidden;max-width:100%}
body{font-family:Georgia,serif;background:var(--offwhite);color:var(--text-dark);font-size:15px;line-height:1.7;overflow-x:hidden;max-width:100%}
nav{background:var(--navy);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;height:62px;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--gold);max-width:100%;box-sizing:border-box}
.logo-wrap{display:flex;align-items:center;gap:12px}
.logo-circle{width:42px;height:42px;border-radius:50%;background:var(--navy2);border:1.5px solid var(--silver);display:flex;align-items:center;justify-content:center}
.logo-circle span{font-size:10px;font-weight:500;color:var(--silver);letter-spacing:1px;font-family:Arial,sans-serif}
.logo-text{color:var(--cream);font-size:16px;letter-spacing:3px;font-family:Georgia,serif}
.logo-sub{font-size:9px;color:var(--silver);letter-spacing:2px;font-family:Arial,sans-serif;opacity:.7;text-transform:uppercase}
.nav-links{display:flex;gap:1.5rem;align-items:center}
.nav-links a{font-size:11px;color:var(--silver);text-decoration:none;letter-spacing:1.5px;font-family:Arial,sans-serif;text-transform:uppercase;cursor:pointer;opacity:.8;transition:opacity .2s}
.nav-links a:hover{opacity:1}
.lang{display:flex;gap:4px}
.lb{background:none;border:0.5px solid rgba(200,208,220,0.4);color:var(--silver);padding:4px 9px;font-size:11px;cursor:pointer;font-family:Arial,sans-serif;letter-spacing:1px;transition:all .2s;border-radius:2px}
.lb.on{border-color:var(--silver);color:var(--cream)}
.hero{background:var(--navy);padding:5rem 2.5rem 4rem;text-align:center;border-bottom:1px solid rgba(200,208,220,0.15);width:100%;max-width:100%;overflow:hidden}
.hero-eyebrow{font-size:10px;letter-spacing:4px;color:var(--silver);font-family:Arial,sans-serif;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7}
.hero h1{font-size:46px;font-weight:normal;color:var(--cream);letter-spacing:5px;margin-bottom:.75rem}
.hero-rule{width:48px;height:1.5px;background:var(--gold);margin:1.25rem auto}
.hero-sub{font-size:14px;color:var(--silver);letter-spacing:2px;font-family:Arial,sans-serif;opacity:.75;margin-bottom:2.5rem;font-style:italic}
.hero-cta{display:inline-block;padding:11px 32px;border:1px solid var(--silver);color:var(--cream);font-size:11px;letter-spacing:2px;font-family:Arial,sans-serif;text-transform:uppercase;cursor:pointer;background:none;transition:all .2s}
.hero-cta:hover{background:rgba(200,208,220,.1)}
section{padding:3.5rem 2.5rem;max-width:1050px;margin:0 auto}
.sec-label{font-size:10px;letter-spacing:4px;color:var(--gold);font-family:Arial,sans-serif;text-transform:uppercase;margin-bottom:.6rem}
.sec-title{font-size:26px;font-weight:normal;color:var(--navy);letter-spacing:1px;margin-bottom:.5rem}
.sec-rule{width:36px;height:1.5px;background:var(--gold);margin:1rem 0 1.75rem}
.about-text{font-size:14px;color:var(--text-mid);line-height:1.9;max-width:700px}
.about-text p{margin-bottom:1.25rem}
.areas-bg{background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 2.5rem}
.areas-inner{max-width:1050px;margin:0 auto}
.areas-two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-top:1.5rem}
.area-block{background:var(--offwhite);padding:2rem}
.area-block h3{font-size:15px;font-family:Arial,sans-serif;font-weight:bold;color:var(--navy);letter-spacing:1px}
.pubs-bg{background:var(--offwhite);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 2.5rem}
.pubs-inner{max-width:1050px;margin:0 auto}
.pubs-empty{margin-top:1.5rem;padding:2.5rem;border:0.5px dashed var(--border);text-align:center}
.pubs-empty p{font-size:13px;color:var(--text-light);font-family:Arial,sans-serif;font-style:italic}
.career-bg{background:var(--navy);padding:3.5rem 2.5rem;border-top:1px solid rgba(200,208,220,0.1)}
.career-inner{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}
.career-info p{font-size:14px;color:var(--silver);line-height:1.9;margin-bottom:1rem;opacity:.8}
.career-note{border-left:2px solid var(--gold);padding-left:1rem;margin-top:1.5rem}
.career-note p{font-size:13px;color:var(--silver);opacity:.7;font-style:italic;line-height:1.8}
.cf{display:flex;flex-direction:column;gap:.75rem}
.cf input,.cf select,.cf textarea{background:rgba(255,255,255,0.07);border:0.5px solid rgba(200,208,220,0.25);color:var(--cream);padding:9px 13px;font-size:13px;font-family:Georgia,serif;outline:none;width:100%;transition:border-color .2s}
.cf input::placeholder,.cf textarea::placeholder{color:rgba(200,208,220,0.4)}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--silver)}
.cf select{color:var(--silver)}
.cf select option{background:var(--navy2);color:var(--cream)}
.cf textarea{min-height:90px;resize:vertical}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.cf button{background:transparent;color:var(--cream);border:1px solid var(--silver);padding:11px;font-size:11px;letter-spacing:2px;font-family:Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .2s}
.cf button:hover{background:rgba(200,208,220,.1)}
.contact-bg{background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 2.5rem}
.contact-inner{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}
.ci-label{font-size:10px;letter-spacing:3px;color:var(--gold);font-family:Arial,sans-serif;text-transform:uppercase;margin-bottom:.3rem}
.ci-val{font-size:13px;color:var(--text-mid);margin-bottom:1.25rem}
.cf2{display:flex;flex-direction:column;gap:.75rem}
.cf2 input,.cf2 select,.cf2 textarea{background:var(--offwhite);border:0.5px solid var(--border);color:var(--text-dark);padding:9px 13px;font-size:13px;font-family:Georgia,serif;outline:none;width:100%;transition:border-color .2s}
.cf2 input:focus,.cf2 select:focus,.cf2 textarea:focus{border-color:var(--navy)}
.cf2 textarea{min-height:90px;resize:vertical}
.cf2-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.cf2 button{background:var(--navy);color:var(--cream);border:none;padding:11px;font-size:11px;letter-spacing:2px;font-family:Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:background .2s}
.cf2 button:hover{background:var(--navy2)}
.footer{background:var(--navy);padding:2rem 2.5rem;border-top:2px solid var(--gold)}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}
.fl{color:var(--cream);font-size:14px;letter-spacing:3px}
.fc{font-size:11px;color:var(--silver);font-family:Arial,sans-serif;opacity:.6}
.flinks{display:flex;gap:1.5rem}
.flinks a{font-size:11px;color:var(--silver);font-family:Arial,sans-serif;text-decoration:none;opacity:.6;cursor:pointer;transition:opacity .2s}
.flinks a:hover{opacity:1}
.footer-bottom{border-top:0.5px solid rgba(200,208,220,0.15);padding-top:1rem;display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-bottom a{font-size:11px;color:var(--silver);font-family:Arial,sans-serif;opacity:.5;cursor:pointer;text-decoration:none;transition:opacity .2s;letter-spacing:.5px}
.footer-bottom a:hover{opacity:.9}
.ok{display:none;padding:.75rem;background:rgba(15,110,86,.08);border:0.5px solid rgba(15,110,86,.3);font-size:13px;color:#1D9E75;font-family:Arial,sans-serif;text-align:center}
.ok-dark{display:none;padding:.75rem;background:rgba(255,255,255,.05);border:0.5px solid rgba(200,208,220,.3);font-size:13px;color:var(--silver);font-family:Arial,sans-serif;text-align:center}
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,20,0.75);z-index:999;align-items:center;justify-content:center}
.modal-overlay.open{display:flex}
.modal-box{background:var(--offwhite);max-width:680px;width:90%;max-height:80vh;overflow-y:auto;padding:2.5rem;position:relative}
.modal-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-light);line-height:1}
.modal-close:hover{color:var(--text-dark)}
.modal-title{font-size:20px;font-weight:normal;color:var(--navy);letter-spacing:1px;margin-bottom:.5rem}
.modal-rule{width:32px;height:1.5px;background:var(--gold);margin:.75rem 0 1.25rem}
.modal-body h3{font-size:12px;font-family:Arial,sans-serif;font-weight:bold;color:var(--navy);margin:1.25rem 0 .4rem;text-transform:uppercase;letter-spacing:.5px}
.modal-body p{font-size:13px;color:var(--text-mid);line-height:1.85;margin-bottom:.75rem;font-family:Arial,sans-serif}

/* ============================================
   MOBİL UYUM — 768px ve altı
   ============================================ */
@media (max-width: 768px) {

  /* Nav */
  nav {
    padding: 0 1.25rem;
    height: auto;
    flex-wrap: wrap;
    padding-top: .75rem;
    padding-bottom: .75rem;
    gap: .75rem;
  }
  .nav-links {
    display: none;
  }
  .lang {
    margin-left: auto;
  }

  /* Hero */
  .hero {
    padding: 3rem 1.25rem 2.5rem;
  }
  .hero h1 {
    font-size: 28px;
    letter-spacing: 3px;
  }
  .hero-sub {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .hero-cta {
    padding: 10px 24px;
    font-size: 10px;
  }

  /* Section padding */
  section {
    padding: 2.5rem 1.25rem;
  }
  .areas-bg,
  .pubs-bg,
  .career-bg,
  .contact-bg {
    padding: 2.5rem 1.25rem;
  }

  /* Hakkımızda */
  .about-text {
    max-width: 100%;
  }

  /* Faaliyet Alanları */
  .areas-two {
    grid-template-columns: 1fr;
  }

  /* Kariyer */
  .career-inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .cf-row {
    grid-template-columns: 1fr;
  }

  /* İletişim */
  .contact-inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .cf2-row {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .flinks {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .footer-bottom {
    gap: 1rem;
  }

  /* Modal */
  .modal-box {
    padding: 1.5rem;
    max-height: 85vh;
  }
}

/* ============================================
   KÜÇÜK MOBİL — 480px ve altı
   ============================================ */
@media (max-width: 480px) {
  .hero h1 {
    font-size: 22px;
    letter-spacing: 2px;
  }
  .sec-title {
    font-size: 20px;
  }
  .logo-text {
    font-size: 14px;
  }
}

/* Hamburger & Mobile Menu */
.hamburger {
  display: none;
  background: none;
  border: 0.5px solid rgba(200,208,220,0.4);
  color: var(--silver);
  font-size: 18px;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 2px;
}
.mobile-menu {
  display: none;
  background: var(--navy2);
  border-bottom: 1px solid rgba(200,208,220,0.1);
  flex-direction: column;
}
.mobile-menu a {
  font-size: 12px;
  color: var(--silver);
  text-decoration: none;
  letter-spacing: 1.5px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  padding: .9rem 1.5rem;
  border-bottom: 0.5px solid rgba(200,208,220,0.08);
  cursor: pointer;
  opacity: .85;
}
.mobile-menu a:hover { opacity: 1; }
.mobile-menu.open { display: flex; }

@media (max-width: 768px) {
  .hamburger { display: block; }
}

@media (max-width: 768px) {
  * { max-width: 100%; }
  html, body { overflow-x: hidden; width: 100%; }
  nav { width: 100%; box-sizing: border-box; padding: .75rem 1.25rem; }
  .logo-wrap { flex-shrink: 0; }
  section, .areas-bg, .pubs-bg, .career-bg, .contact-bg, .footer { 
    width: 100%; 
    box-sizing: border-box; 
  }
  .about-text, .career-inner, .contact-inner, .areas-two { 
    width: 100%; 
    box-sizing: border-box; 
  }
  .cf input, .cf select, .cf textarea,
  .cf2 input, .cf2 select, .cf2 textarea {
    width: 100%;
    box-sizing: border-box;
  }
}