/* Shared navigation: the original home-page design. */


  /* Masaüstü mega menü açıldığında sayfayı hafifçe geri plana iter. */
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:40;
    pointer-events:none;
    opacity:0;
    background:rgba(2,7,13,.48);
    backdrop-filter:blur(3px) saturate(.82);
    -webkit-backdrop-filter:blur(3px) saturate(.82);
    transition:opacity .18s ease;
  }

  @media (min-width:1101px){
    body.desktop-menu-open::before{ opacity:1; }}

  /* ===== HEADER ===== */
  .topbar{
    position:sticky;
    top:0;
    z-index:50;
    background: var(--topbarBg);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--topbarBd);
  }

  .headerFlex{
    max-width:1500px;
    margin:0 auto;
    padding:10px 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
  }

  .brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:var(--text);
    white-space:nowrap;
    min-width: 260px;
  }

  .logoBox{
    width:88px;
    height:88px;
    background:#fff;
    border-radius:18px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    box-shadow: 0 12px 30px rgba(0,0,0,.20);
  }

  .logoBox img{
    width:74px;
    height:74px;
    object-fit:contain;
    display:block;
  }

  .brandText strong{
    display:block;
    font-size:22px;
    line-height:1.05;
  }

  .brandText span{
    display:block;
    font-size:14px;
    color:var(--muted);
    margin-top:6px;
  }

  .menuBar{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }

  .menu{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
  }

  .menu a,
  .dropbtn,
  .panelBtn{
    padding:12px 16px;
    background: var(--btnBg);
    border:1px solid var(--btnBd);
    border-radius:12px;
    text-decoration:none;
    color:var(--text);
    font-weight:bold;
    cursor:pointer;
    white-space:nowrap;
  }

  .menu a:hover,
  .dropbtn:hover,
  .panelBtn:hover{
    background: var(--btnBgHover);
    border-color: var(--btnBdHover);
  }


  .panelBtn{
    background: linear-gradient(135deg, rgba(74,163,255,.92), rgba(150,92,255,.88), rgba(255,91,178,.82));
    border-color: rgba(255,255,255,.20);
    color:#fff;
    box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 10px 28px rgba(74,163,255,.20);
    position:relative;
    overflow:hidden;
  }

  .panelBtn::before{
    content:"";
    position:absolute;
    inset:-40% -70%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
    transform: translateX(-45%) rotate(18deg);
    transition: transform .45s ease;
  }

  .panelBtn:hover{
    background: linear-gradient(135deg, rgba(74,163,255,1), rgba(150,92,255,.96), rgba(255,91,178,.92));
    border-color: rgba(255,255,255,.34);
    box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 14px 34px rgba(150,92,255,.26);
    transform: translateY(-1px);
  }

  .panelBtn:hover::before{ transform: translateX(55%) rotate(18deg); }

  .panelBtn span{ position:relative; z-index:1; }

.dropdown{ position:relative; }

  /* ===== DESKTOP PREMIUM MINI MEGA MENU ===== */
  .dropdown-menu{
    position:absolute;
    top:calc(100% + 12px);
    z-index:99;
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    padding:14px;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(95,255,214,.24);
    background:
      radial-gradient(circle at 8% -8%, rgba(74,163,255,.18), transparent 18rem),
      radial-gradient(circle at 100% 112%, rgba(95,255,214,.10), transparent 17rem),
      linear-gradient(145deg, rgba(13,25,43,.995), rgba(6,13,25,.995));
    backdrop-filter:blur(28px) saturate(1.12);
    -webkit-backdrop-filter:blur(28px) saturate(1.12);
    box-shadow:
      0 36px 96px rgba(0,0,0,.72),
      0 14px 34px rgba(0,0,0,.42),
      inset 0 1px 0 rgba(255,255,255,.055),
      0 0 0 1px rgba(74,163,255,.08),
      0 0 42px rgba(74,163,255,.075);
    clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px) scale(.985);
    transform-origin:top center;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  .dropdown-menu::before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:24px;
    right:38px;
    height:2px;
    background:linear-gradient(90deg, transparent, rgba(74,163,255,.95), rgba(95,255,214,.92), transparent);
    box-shadow:0 0 18px rgba(95,255,214,.22);
    pointer-events:none;
  }

  .dropdown-menu.menuEducation{
    left:0;
    width:min(660px, calc(100vw - 40px));
  }

  .dropdown-menu.menuSeminars{
    left:50%;
    width:min(690px, calc(100vw - 40px));
    margin-left:-345px;
  }

  .dropdown-menu.menuCorporate{
    right:0;
    left:auto;
    width:min(520px, calc(100vw - 40px));
  }

  .dropdown-menu a{
    position:relative;
    z-index:2;
    min-width:0;
    min-height:86px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:5px;
    padding:15px 42px 15px 16px;
    color:var(--text);
    text-decoration:none;
    text-align:left;
    white-space:normal;
    border:1px solid rgba(151,185,221,.14);
    border-radius:13px;
    background:
      linear-gradient(135deg, rgba(25,42,64,.92), rgba(12,23,39,.94));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 8px 20px rgba(0,0,0,.16);
    transition:background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
  }

  .dropdown-menu a::after{
    content:"→";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:var(--accent2);
    font-size:18px;
    opacity:.72;
    transition:transform .16s ease, opacity .16s ease;
  }

  .dropdown-menu a:hover{
    background:
      radial-gradient(circle at 100% 0%, rgba(95,255,214,.09), transparent 8rem),
      rgba(74,163,255,.085);
    border-color:rgba(95,255,214,.40);
    box-shadow:
      0 12px 30px rgba(0,0,0,.30),
      0 0 22px rgba(95,255,214,.055);
    transform:translateY(-1px);
  }

  .dropdown-menu a:hover::after{
    transform:translate(3px,-50%);
    opacity:1;
  }

  .megaKicker{
    color:var(--accent2);
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
    line-height:1.2;
  }

  .menuSeminars .megaKicker{ color:var(--accent); }

  .megaTitle{
    color:#f1f6ff;
    font-size:14px;
    font-weight:900;
    line-height:1.24;
  }

  .megaSub{
    color:rgba(234,241,255,.63);
    font-size:11px;
    font-weight:700;
    line-height:1.3;
  }

  .dropdown.open .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
/* ===== MOBILE MENU (YENİ) ===== */
  .burgerBtn{
    display:none;
    padding:12px 14px;
    background: var(--btnBg);
    border:1px solid var(--btnBd);
    border-radius:12px;
    cursor:pointer;
    font-weight:900;
    line-height:1;
    user-select:none;
    white-space:nowrap;
    align-items:center;
    gap:10px;
    color: var(--text);
  }
  .burgerIcon{
    width:18px; height:18px;
    display:grid; place-items:center;
    border-radius:8px;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    font-size:14px;
    color: var(--text);
  }
.mobileOverlay{
    position:fixed;
    inset:0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(6px);
    z-index:200;
    display:none;
  }
  .mobilePanel{
    position:fixed;
    top:0; right:0;
    height:100%;
    width:min(420px, 86vw);
    background: rgba(12,18,34,.98);
    border-left:1px solid rgba(255,255,255,.10);
    box-shadow: -18px 0 50px rgba(0,0,0,.38);
    z-index:210;
    transform: translateX(102%);
    transition: transform .22s ease;
    padding:14px 14px 18px;
    overflow:auto;
    color: var(--text);
  }
body.mobile-open .mobileOverlay{ display:block; }
  body.mobile-open .mobilePanel{ transform: translateX(0); }

  .mobileTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:6px 4px 10px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color: var(--text);
  }
.closeBtn{
    padding:10px 12px;
    border-radius:12px;
    background: var(--btnBg);
    border:1px solid var(--btnBd);
    cursor:pointer;
    font-weight:900;
    color: var(--text);
  }

  .mobileNav{
    padding:12px 4px 0;
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  /* FIX-1: Mobil menü yazıları koyu modda siyah olmasın */
  .mLink, .mDropBtn, .mDropMenu a{
    color: var(--text);
  }

  .mPanelBtn{
    background: linear-gradient(135deg, rgba(74,163,255,.94), rgba(150,92,255,.90), rgba(255,91,178,.84)) !important;
    border-color: rgba(255,255,255,.24) !important;
    color:#fff !important;
    box-shadow:0 10px 26px rgba(74,163,255,.18);
  }


  .mLink, .mDropBtn{
    width:100%;
    text-align:left;
    padding:12px 14px;
    border-radius:12px;
    background: rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.10);
    text-decoration:none;
    font-weight:900;
    cursor:pointer;
  }
.mDrop{
    border-radius:12px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.02);
  }
.mDropBtn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:none;
    background: transparent;
  }

  .mDropMenu{
    display:none;
    padding:6px 8px 10px;
    border-top:1px solid rgba(255,255,255,.08);
  }
.mDropMenu a{
    display:block;
    padding:10px 12px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    opacity:.92;
  }
  .mDropMenu a:hover{
    background: rgba(74,163,255,.10);
  }

  .mDrop.open .mDropMenu{ display:block; }

  @media (max-width: 980px){
    .headerFlex{ padding:10px 18px; }
    .logoBox{ width:78px; height:78px; }
    .logoBox img{ width:64px; height:64px; }
    .brandText strong{ font-size:18px; }
    .brandText span{ font-size:13px; }}

  @media(max-width: 1100px){

    /* desktop menü gizle, hamburger göster */
    .menu{ display:none; }
    .burgerBtn{ display:inline-flex; }}

  @media(max-width: 520px){

    .headerFlex{ gap:10px; }
    .brand{ min-width: 0; }
    .brandText strong{ font-size:16px; }
    .brandText span{ font-size:12px; }}
/* Keep the home-page palette identical across the public headers. */
.alfaSiteHeader, .mobilePanel {
  --text:rgba(234,241,255,.92);
  --muted:rgba(234,241,255,.76);
  --accent:#4aa3ff;
  --accent2:#5fffd6;
  --topbarBg:rgba(11,18,32,.92);
  --topbarBd:rgba(255,255,255,.07);
  --btnBg:rgba(255,255,255,.045);
  --btnBd:rgba(255,255,255,.09);
  --btnBgHover:rgba(255,255,255,.075);
  --btnBdHover:rgba(255,255,255,.16);
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
}
.alfaSiteHeader .headerFlex, .alfaSiteHeader .brand,
.alfaSiteHeader .brandText, .alfaSiteHeader .menuBar,
.mobilePanel .mobileNav, .mobilePanel .mDrop { min-width:0; }
.alfaSiteHeader .dropdown-menu {
  max-width:calc(100vw - 32px);
  max-height:calc(100dvh - var(--alfa-menu-top, 140px) - 16px);
  overflow-y:auto;
  overscroll-behavior:contain;
  transform:translate(var(--alfa-menu-shift, 0px),8px) scale(.985);
}
.alfaSiteHeader .dropdown.open .dropdown-menu {
  transform:translate(var(--alfa-menu-shift, 0px),0) scale(1);
}
.alfaSiteHeader .dropdown-menu a { overflow-wrap:anywhere; }
.alfaSiteHeader :is(a,button):focus-visible,
.mobilePanel :is(a,button):focus-visible {
  outline:2px solid #5fffd6;
  outline-offset:3px;
}
.mobilePanel {
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  visibility:hidden;
  pointer-events:none;
  transition:transform .22s ease,visibility .22s;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:max(18px,env(safe-area-inset-bottom));
  padding-top:max(14px,env(safe-area-inset-top));
  padding-right:max(14px,env(safe-area-inset-right));
}
body.mobile-open .mobilePanel { visibility:visible; pointer-events:auto; }
html.alfa-menu-lock, html.alfa-menu-lock body { overflow:hidden; overscroll-behavior:none; }
.mobilePanel .mobileTop { flex-shrink:0; }
.mobilePanel .closeBtn { min-width:44px; min-height:44px; flex:0 0 auto; }
.mobilePanel .mLink, .mobilePanel .mDropBtn, .mobilePanel .mDropMenu a {
  min-height:44px;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.4;
}
.mobilePanel .mDropBtn { font:900 15px/1.4 Arial,Helvetica,sans-serif; }
.mobilePanel .mDropBtn > span:first-child { min-width:0; }
.mobilePanel .mDropBtn > span:last-child { flex:0 0 auto; }
.mobilePanel .mDropMenu a { font-size:14px; }
.mobilePanel .mLink { display:block; }

@media (min-width:1101px) {
  .mobilePanel, .mobileOverlay { display:none !important; }
}
@media (max-width:1100px) {
  .alfaSiteHeader .menu { display:none; }
  .alfaSiteHeader .burgerBtn { display:inline-flex; min-height:44px; flex:0 0 auto; }
  .alfaSiteHeader .headerFlex { flex-wrap:nowrap; gap:12px; padding:10px 18px; }
  .alfaSiteHeader .menuBar { flex:0 0 auto; flex-wrap:nowrap; }
  .alfaSiteHeader .brand { min-width:0; max-width:none; flex:1 1 auto; }
  .alfaSiteHeader .brandText { white-space:normal; overflow-wrap:normal; }
  .alfaSiteHeader .brandText strong { line-height:1.15; }
  .mobilePanel { width:min(400px,92vw); }
  body.desktop-menu-open::before { opacity:0; }
}
@media (max-width:620px) {
  .alfaSiteHeader .headerFlex { padding:10px 14px; gap:10px; }
  .alfaSiteHeader .brand { gap:10px; }
  .alfaSiteHeader .logoBox { width:56px; height:56px; border-radius:13px; }
  .alfaSiteHeader .logoBox img { width:48px; height:48px; }
  body.site-public-page .alfaSiteHeader .brandText strong { font-size:clamp(15px,4.2vw,18px) !important; }
  body.site-public-page .alfaSiteHeader .brandText span { font-size:11px !important; line-height:1.25; margin-top:4px; }
  .alfaSiteHeader .burgerBtn { padding:12px 10px; gap:7px; font-size:13px; }
}
@media (max-width:380px) {
  .alfaSiteHeader .headerFlex { padding-left:12px; padding-right:12px; gap:8px; }
  .alfaSiteHeader .brandText span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .mobilePanel, .alfaSiteHeader .dropdown-menu { transition:none; }
}