*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body { margin: 0; background: #F4F6FB; -webkit-font-smoothing: antialiased; }
a { color: #0E1B45; text-decoration: none; }
a:hover { color: #0092AD; }
input, button, textarea, select { font: inherit; }
::selection { background: #7FE8F7; color: #070C1E; }

:focus-visible { outline: 2px solid #00BCD9; outline-offset: 2px; }

.hv-list:hover        { color:#0092AD!important; background:#FBFCFE!important; }
.hv-outline:hover     { border-color:#00BCD9!important; color:#0092AD!important; }
.hv-cta:hover         { background:#7FE8F7!important; }
.hv-dropdown:hover    { background:rgba(0,188,217,0.14)!important; color:#fff!important; padding-left:20px!important; }
.hv-card:hover        { border-color:#00BCD9!important; transform:translateY(-4px)!important; box-shadow:0 18px 40px rgba(14,27,69,0.1)!important; }
.hv-card-flat:hover   { border-color:#00BCD9!important; transform:translateY(-4px)!important; }
.hv-danger:hover      { background:#FDF2F2!important; }
.hv-logo:hover        { transform:translateY(-5px) scale(1.05)!important; }
.hv-border:hover      { border-color:#00BCD9!important; }
.hv-lift4:hover       { transform:translateY(-4px)!important; }
.hv-nav:hover         { color:#0092AD!important; border-bottom-color:#00BCD9!important; }
.hv-card5:hover       { border-color:#00BCD9!important; transform:translateY(-5px)!important; box-shadow:0 20px 44px rgba(14,27,69,0.1)!important; }
.hv-tile:hover        { border-color:#00BCD9!important; background:#F6FCFE!important; transform:translateY(-3px)!important; }
.hv-soft:hover        { border-color:#00BCD9!important; background:#F1FAFD!important; }
.hv-tint:hover        { background:#F6FCFE!important; }
.hv-cta-lift:hover    { background:#7FE8F7!important; transform:translateY(-2px)!important; }
.hv-blue:hover        { background:#1E3F9E!important; }
.hv-navy:hover        { background:#1A2E6B!important; }
.hv-social:hover      { background:#00BCD9!important; color:#04101F!important; }
.hv-lift6:hover       { transform:translateY(-6px)!important; }
.hv-glass:hover       { border-color:#7FE8F7!important; background:rgba(127,232,247,0.16)!important; }
.hv-dark-tile:hover   { background:rgba(29,52,116,0.88)!important; transform:translateY(-3px)!important; }
.hv-side:hover        { background:rgba(0,188,217,0.12)!important; color:#fff!important; }
.hv-tile-hi:hover     { background:#F6FCFE!important; transform:translateY(-6px)!important; box-shadow:0 26px 52px rgba(14,27,69,0.12)!important; }
.hv-card3:hover       { border-color:#00BCD9!important; transform:translateY(-3px)!important; }
.hv-slide-x:hover     { border-color:#00BCD9!important; transform:translateX(6px)!important; box-shadow:0 18px 42px rgba(14,27,69,0.12)!important; }
.hv-blue-lift:hover   { background:#1E3F9E!important; transform:translateY(-2px)!important; }
.hv-shift:hover       { transform:translateX(5px)!important; }
.hv-link:hover        { color:#0092AD!important; }
.hv-glass-line:hover  { border-color:#7FE8F7!important; color:#fff!important; }
.hv-card6a:hover      { border-color:#00BCD9!important; transform:translateY(-6px)!important; box-shadow:0 22px 48px rgba(14,27,69,0.12)!important; }
.hv-card5b:hover      { border-color:#00BCD9!important; transform:translateY(-5px)!important; box-shadow:0 22px 46px rgba(14,27,69,0.1)!important; }
.hv-float:hover       { transform:translateY(-6px)!important; box-shadow:0 30px 60px rgba(14,27,69,0.28)!important; }
.hv-glow:hover        { transform:translateY(-4px)!important; box-shadow:0 24px 48px rgba(0,188,217,0.3)!important; }
.hv-link-lt:hover     { color:#7FE8F7!important; }
.hv-link-dk:hover     { color:#0E1B45!important; }
.hv-arrow-r:hover     { border-color:#7FE8F7!important; background:rgba(127,232,247,0.2)!important; transform:translateX(3px)!important; }
.hv-arrow-l:hover     { border-color:#7FE8F7!important; background:rgba(127,232,247,0.2)!important; transform:translateX(-3px)!important; }
.hv-card6b:hover      { border-color:#00BCD9!important; transform:translateY(-6px)!important; box-shadow:0 30px 60px rgba(14,27,69,0.12)!important; }
.hv-side-soft:hover   { background:rgba(0,188,217,0.1)!important; }
.hv-tint2:hover       { background:#F8FBFE!important; }
.hv-soft2:hover       { background:#F4FBFE!important; border-color:#00BCD9!important; }
.hv-tint3:hover       { background:#F4FBFE!important; }
.hv-dark:hover        { background:#0E1B45!important; }

.fc-field:focus       { border-color:#00BCD9!important; background:#fff!important; }
.fc-border:focus      { border-color:#00BCD9!important; }

.nav-drop-panel { display: none; }
.nav-drop:hover > .nav-drop-panel,
.nav-drop:focus-within > .nav-drop-panel { display: block; }

.faq-item > summary { list-style: none; cursor: pointer; }
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item > summary::marker { content: ""; }
.faq-icon::before { content: "+"; }
.faq-item[open] > summary .faq-icon::before { content: "−"; }

.post-body p { font-size:16.5px; line-height:1.8; color:#4A5772; margin:0 0 20px; }
.post-body--kurumsal p { line-height:1.78; margin:0 0 22px; max-width:70ch; }
.post-body p:last-child { margin-bottom:34px; }
.post-body h2 { font-family:Sora,sans-serif; font-size:22px; font-weight:800; letter-spacing:-0.02em; color:#0E1B45; margin:34px 0 14px; }
.post-body h3 { font-family:Sora,sans-serif; font-size:18px; font-weight:700; color:#0E1B45; margin:28px 0 12px; }
.post-body ul, .post-body ol { font-size:16.5px; line-height:1.8; color:#4A5772; margin:0 0 20px; padding-left:22px; }
.post-body li { margin-bottom:8px; }
.post-body a { color:#0092AD; font-weight:600; }
.post-body blockquote { background:#F4F6FB; border-left:3px solid #00BCD9; padding:26px 30px; margin:30px 0 34px; }
.post-body blockquote p { font-family:Sora,sans-serif; font-size:17px; line-height:1.6; font-weight:700; color:#0E1B45; margin:0; }
.post-body img { max-width:100%; height:auto; display:block; margin:24px 0; }

.menu-ghost { opacity: 0.45; }

.clamp-2, .clamp-3, .clamp-4 { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.clamp-2 { -webkit-line-clamp:2; line-clamp:2; }
.clamp-3 { -webkit-line-clamp:3; line-clamp:3; }
.clamp-4 { -webkit-line-clamp:4; line-clamp:4; }

.medya-tam { display:flex; align-items:center; justify-content:center; background:#EEF2F8; min-height:220px; }
.medya-tam img { max-width:100%; max-height:560px; width:auto; height:auto; object-fit:contain; display:block; }
.medya-buyut { cursor:zoom-in; }
.post-body img { cursor:zoom-in; }

.medya-modal { border:0; padding:0; background:transparent; max-width:min(94vw,1280px); max-height:94vh; overflow:visible; }
.medya-modal::backdrop { background:rgba(4,16,31,0.88); }
.medya-modal img { display:block; margin:0 auto; max-width:100%; max-height:88vh; width:auto; height:auto; background:#0B1533; }
.medya-modal-kapat { position:absolute; top:-14px; right:-14px; width:40px; height:40px; border:1px solid rgba(255,255,255,0.3); background:#0B1533; color:#fff; font-family:Sora,sans-serif; font-size:19px; line-height:1; cursor:pointer; border-radius:50%; transition:all .2s; }
.medya-modal-kapat:hover { background:#00BCD9; color:#04101F; border-color:#00BCD9; }
.medya-modal-alt { margin-top:12px; text-align:center; font-size:13px; font-weight:600; color:#D2DDF0; }
.fc-round:focus       { border-color:#00BCD9!important; background:#fff!important; }
.hv-cyan:hover        { background:#7FE8F7!important; }
.hv-soft-line:hover   { border-color:#00BCD9!important; color:#0092AD!important; }
.hv-danger:hover      { background:#FDF2F2!important; }
.hv-dashed:hover      { border-color:#00BCD9!important; background:#F1FAFD!important; }
.hv-tile:hover        { border-color:#00BCD9!important; transform:translateY(-4px); }

@media (max-width: 1000px) {
  .mq-split { grid-template-columns: minmax(0,1fr)!important; gap: 26px!important; }
  .mq-hide { display: none!important; }
  .mq-shell { grid-template-columns: minmax(0,1fr)!important; }
  .mq-shell > aside { position: static!important; height: auto!important; }
  .mq-sticky { position: static!important; top: auto!important; }
}

@media (max-width: 760px) {
  .mq-scroll { overflow: auto!important; -webkit-overflow-scrolling: touch; }
  .mq-scroll > * { min-width: 720px; }
  .mq-split-sm { grid-template-columns: minmax(0,1fr)!important; justify-items: center!important; text-align: center; }
  .mq-wrap { margin-left: 0!important; width: 100%!important; }
  .mq-nav { justify-content: flex-start!important; margin-left: 0!important; gap: 16px!important; }
}

@media (max-width: 1000px) {
  .mq-sidebar { min-height: 0!important; height: auto!important; position: static!important; overflow: visible!important; }
  .mq-sidebar > div:first-child { padding: 16px 20px!important; flex-direction: row!important; gap: 14px!important; }
  .mq-sidebar > div:first-child img { width: 132px!important; }
  .mq-sidebar nav, .mq-sidebar > div:nth-child(2) { flex-direction: row!important; overflow-x: auto; padding: 10px 12px!important; gap: 6px!important; }
  .mq-sidebar > div:nth-child(2) > * { flex: 0 0 auto; white-space: nowrap; }
}

@media (max-width: 700px) {
  .mq-site section { padding-left: 18px!important; padding-right: 18px!important; }
  .mq-site [style*="max-width:1320px"] { padding-left: 18px!important; padding-right: 18px!important; }
  .mq-site [style*="minmax(260px"], .mq-site [style*="minmax(280px,1fr)"],
  .mq-site [style*="minmax(300px"], .mq-site [style*="minmax(320px"] { grid-template-columns: minmax(0,1fr)!important; }
  .mq-main { padding-left: 16px!important; padding-right: 16px!important; }
  .mq-row { grid-template-columns: auto minmax(0,1fr)!important; row-gap: 10px!important; }
  .mq-row > *:nth-child(n+4) { grid-column: 2; }
}

@media (max-width: 700px) {
  .mq-site img { max-width: 100%; height: auto; }
  .mq-nav > * { font-size: 12px!important; }
  .mq-topbar { gap: 10px!important; row-gap: 6px!important; font-size: 11.5px!important; }
  .mq-cover { padding-left: 18px!important; padding-right: 18px!important; }
}

.mq-menu-box { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.mq-menu-toggle { display: none; }
.mq-menu-box:focus-visible ~ .mq-menu-toggle { outline: 2px solid #00BCD9; outline-offset: 2px; }

@media (max-width: 900px) {
  .mq-logo { height: 30px!important; }
  .mq-menu-toggle {
    display: flex; align-items: center; gap: 9px; margin-left: auto; cursor: pointer;
    font-family: Sora, sans-serif; font-size: 11.5px; font-weight: 800; letter-spacing: 0.1em;
    color: #0E1B45; border: 1px solid #D7DEEA; padding: 11px 15px; user-select: none;
  }
  .mq-menu-icon { position: relative; width: 16px; height: 2px; background: #0E1B45; display: block; }
  .mq-menu-icon::before, .mq-menu-icon::after { content: ""; position: absolute; left: 0; width: 16px; height: 2px; background: #0E1B45; }
  .mq-menu-icon::before { top: -5px; }
  .mq-menu-icon::after { top: 5px; }
  .mq-menu-box:checked ~ .mq-menu-toggle { background: #0E1B45; color: #fff; border-color: #0E1B45; }
  .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon,
  .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon::before,
  .mq-menu-box:checked ~ .mq-menu-toggle .mq-menu-icon::after { background: #fff; }

  .mq-nav { display: none!important; }
  .mq-menu-box:checked ~ .mq-nav {
    display: flex!important; flex-direction: column!important; align-items: stretch!important;
    width: 100%; order: 9; gap: 0!important; margin: 14px 0 4px!important;
    border-top: 1px solid #E2E7F0;
    max-height: calc(100vh - 190px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    justify-content: flex-start!important; align-content: flex-start!important;
  }
  .mq-menu-box:checked ~ .mq-nav .nav-drop-panel > div { animation: none!important; }
  .mq-menu-box:checked ~ .mq-nav > * { width: 100%; flex-shrink: 0; border-bottom: 1px solid #EDF1F7; padding: 4px 0; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop { position: static!important; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop-panel { position: static!important; display: block!important; padding-top: 0!important; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop-panel > div { background: #F4F6FB!important; border: 0!important; box-shadow: none!important; min-width: 0!important; width: 100%!important; padding: 4px 0!important; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop-panel a { color: #4A5772!important; }
  .mq-menu-box:checked ~ .mq-nav a { padding: 13px 2px!important; font-size: 13.5px!important; }
  .mq-cta { order: 8; }
}

@media (max-width: 900px) {
  .mq-caret { padding: 10px 14px!important; margin: -10px -6px -10px 4px; font-size: 12px!important; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop-panel { display: none!important; }
  .mq-menu-box:checked ~ .mq-nav .nav-drop.nav-open .nav-drop-panel { display: block!important; }
  .nav-drop.nav-open .mq-caret { transform: rotate(180deg); display: inline-block; }
}

@media (max-width: 1000px) {
  .mq-hero { min-height: 0!important; gap: 22px!important; }
  .mq-hero-media { order: -1; }
  .mq-hero-frame { height: 210px!important; }
  .mq-hero-media > div[style*="padding:12px"] { padding: 6px!important; }
  .mq-hero h1 { font-size: 24px!important; line-height: 1.2!important; }
  .mq-hero p { font-size: 14.5px!important; margin-bottom: 22px!important; }
}

@media (max-width: 900px) {
  .mq-one { grid-template-columns: minmax(0,1fr)!important; }
  .mq-card { grid-template-columns: minmax(0,1fr)!important; gap: 14px!important; padding: 14px!important; }
  .mq-card > span:last-child { display: none!important; }
  .mq-card > div:first-child { height: 170px!important; }
}

@media (max-width: 900px) {
  .mq-band { flex-direction: column!important; align-items: stretch!important; text-align: left; }
  .mq-band > * { min-width: 0!important; }
  .mq-band > a { text-align: center; }
  .mq-preview { border-right: 0!important; border-bottom: 1px solid #E2E7F0!important; min-height: 150px!important; padding: 20px!important; }
}