html { scroll-behavior: smooth; scroll-padding-top: 84px; }
  @media (min-width: 1024px) { html { scroll-padding-top: 172px; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
  body { -webkit-font-smoothing: antialiased; }
  :focus-visible { outline: 3px solid #F4B400; outline-offset: 2px; }
  /* yol şeridi çizgisi */
  .serit-cizgi { height: 6px; background: repeating-linear-gradient(90deg, #F4B400 0 56px, transparent 56px 96px); }
  .sinif-liste > li { border-top: 1px solid rgba(31,39,51,.1); }
  @media (min-width: 1024px) { .sinif-liste > li:first-child { border-top: 0; } }
  .sinif-satir { display: grid; grid-template-columns: 3.5rem 1fr auto; align-items: center; column-gap: 1rem; row-gap: .25rem; padding: 1.25rem .5rem; margin: 0 -.5rem; border-radius: .5rem; transition: background-color .2s; }
  .sinif-satir .sinif-ikon { display: none; }
  .sinif-satir .sinif-ok { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: .45rem; margin-top: .6rem; padding: .5rem .95rem .5rem 1.05rem; border-radius: 999px; font-weight: 600; font-size: 15px; border: 1px solid rgba(31,39,51,.2); transition: background-color .2s, border-color .2s, color .2s; }
  .sinif-satir .sinif-kod { grid-row: span 2; align-self: start; margin-top: .15rem; }
  .sinif-satir:hover .sinif-ok, .sinif-satir:active .sinif-ok { background: #E31E24; border-color: #E31E24; color: #fff; }
  .sinif-kod { font-weight: 800; font-size: 2.5rem; line-height: 1; letter-spacing: -.01em; transition: color .2s; }
  .grup-foto { aspect-ratio: 21 / 9; border-radius: 1rem; overflow: hidden; background: #EEF0F2; }
  .grup-foto img { width: 100%; height: 100%; object-fit: cover; }
  @media (min-width: 1024px) { .grup-foto { aspect-ratio: 16 / 9; } }
  /* satırlar grubun yüksekliğine eşit yayılır */
  @media (min-width: 1024px) { .sinif-liste > li { flex: 1; display: flex; } .sinif-liste > li > .sinif-satir { width: calc(100% + 2rem); } }
  .sinif-satir:hover { background: #EEF0F2; }
  .sinif-satir:hover .sinif-kod { color: #E31E24; }
  @media (min-width: 768px) {
    .sinif-satir { grid-template-columns: 5rem 5.5rem 1fr auto; column-gap: 1.75rem; padding: 1.5rem 1rem; margin: 0 -1rem; }
    .sinif-satir .sinif-ikon { display: block; width: 5.5rem; height: auto; color: #3A4553; transition: transform .35s cubic-bezier(.2,.7,.2,1), color .2s; }
    .sinif-satir .sinif-ok { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; padding: .65rem 1.1rem .65rem 1.25rem; border-radius: 999px; font-weight: 600; font-size: 15px; border: 1px solid rgba(31,39,51,.2); transition: background-color .2s, border-color .2s, color .2s; }
    .sinif-kod { font-size: 3.25rem; }
    .sinif-satir .sinif-ok { grid-column: auto; justify-self: auto; margin-top: 0; }
    .sinif-satir .sinif-kod { grid-row: auto; align-self: center; margin-top: 0; }
    .sinif-satir:hover .sinif-ikon { transform: translateX(6px); color: #1F2733; }
    .sinif-satir:hover .sinif-ok { background: #E31E24; border-color: #E31E24; color: #fff; }
  }
  /* blog kartları */
  .blog-kart { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 3; border-radius: 1rem; overflow: hidden; background: #1F2733; isolation: isolate; }
  @media (min-width: 640px) and (max-width: 1023px) { .blog-kart:first-child { grid-column: span 2; aspect-ratio: 16 / 9; } }
  @media (min-width: 1024px) { .blog-kart { aspect-ratio: 4 / 5; } }
  .blog-kart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
  .blog-kart:hover img { transform: scale(1.05); }
  .blog-ortu { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,26,34,.92) 0%, rgba(20,26,34,.55) 35%, rgba(20,26,34,0) 65%); }
  /* başvuru formu */
  .form-alan { width: 100%; background: #fff; color: #1F2733; border: 2px solid transparent; border-radius: .75rem; padding: .85rem 1rem; outline: none; transition: border-color .2s; }
  .form-alan:focus { border-color: #F4B400; }
  /* sss */
  .sss { background: #fff; border-radius: .9rem; overflow: hidden; }
  .sss-soru { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; text-align: left; padding: 1.15rem 1.4rem; font-weight: 600; font-size: 1.125rem; line-height: 1.4; transition: background-color .25s; }
  .sss-soru:hover { background: #F7F8F9; }
  .sss[data-acik="true"] .sss-soru { background: #F4B400; }
  .sss-isaret { position: relative; width: 1rem; height: 1rem; flex-shrink: 0; }
  .sss-isaret::before, .sss-isaret::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2.5px; margin-top: -1.25px; background: currentColor; border-radius: 2px; transition: transform .3s; }
  .sss-isaret::after { transform: rotate(90deg); }
  .sss[data-acik="true"] .sss-isaret::after { transform: rotate(0); }
  .sss-cevap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; background: #fff; }
  .sss-cevap > div { overflow: hidden; }
  .sss-cevap p { padding: 1.1rem 1.4rem 1.3rem; color: #3A4553; }
  .sss[data-acik="true"] .sss-cevap { grid-template-rows: 1fr; }
  .sss[data-acik="true"] { box-shadow: inset 0 0 0 1px rgba(31,39,51,.08); }
  /* neden biz: cam kartlar, masaüstünde zikzak dizilir */
  .neden-kart { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2.5rem 1.75rem; border-radius: 1.5rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(8px); transition: background-color .3s, border-color .3s, transform .4s cubic-bezier(.2,.7,.2,1); }
  .neden-kart:hover { background: rgba(255,255,255,.1); border-color: rgba(244,180,0,.5); }
  .neden-kart p { max-width: 17rem; }
  @media (max-width: 639px) {
    .neden-kart { display: grid; grid-template-columns: 3.25rem 1fr; column-gap: 1.1rem; align-items: start; text-align: left; padding: 1.4rem 1.25rem; border-radius: 1.1rem; }
    .neden-kart .neden-ikon { width: 3.25rem; height: 3.25rem; border-radius: .85rem; grid-row: span 2; }
    .neden-kart h3 { margin-top: .15rem !important; font-size: 1.35rem; }
    .neden-kart p { margin-top: .35rem !important; max-width: none; }
  }
  .neden-ikon { display: grid; place-items: center; width: 3.75rem; height: 3.75rem; border-radius: 1rem; background: #F4B400; color: #1F2733; }
  @media (min-width: 1024px) {
    .neden-kart:nth-child(even) { transform: translateY(3.5rem); }
    .neden-kart:nth-child(odd):hover { transform: translateY(-6px); }
    .neden-kart:nth-child(even):hover { transform: translateY(calc(3.5rem - 6px)); }
  }
  /* galeri: tek satır, yana kayan şerit */
  .galeri-seridi { display: flex; gap: 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; cursor: grab; }
  .galeri-seridi::-webkit-scrollbar { display: none; }
  .galeri-seridi.surukle { cursor: grabbing; scroll-snap-type: none; }
  .galeri-seridi.surukle img { pointer-events: none; }
  .galeri-kare { position: relative; display: block; flex: 0 0 auto; width: 78vw; height: 15rem; overflow: hidden; background: #1F2733; scroll-snap-align: start; }
  .galeri-kare:nth-child(even) { width: 52vw; }
  .galeri-kare img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .3s; -webkit-user-drag: none; user-select: none; }
  .galeri-kare:hover img { transform: scale(1.05); opacity: .9; }
  @media (min-width: 768px) { .galeri-kare { width: 46vw; height: 22rem; } .galeri-kare:nth-child(even) { width: 28vw; } }
  @media (min-width: 1024px) { .galeri-kare { width: 34vw; height: clamp(300px, 27vw, 460px); } .galeri-kare:nth-child(even) { width: 20vw; } }
  .galeri-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 3.25rem; height: 3.25rem; border-radius: 999px; display: grid; place-items: center; background: rgba(255,255,255,.92); color: #1F2733; box-shadow: 0 8px 24px rgba(0,0,0,.2); transition: background-color .2s, color .2s, opacity .2s; }
  .galeri-ok:hover { background: #F4B400; }
  .galeri-ok[disabled] { opacity: 0; pointer-events: none; }
  .footer-sosyal { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); color: #fff; transition: background-color .2s, border-color .2s, color .2s; }
  .footer-sosyal:hover { background: #F4B400; border-color: #F4B400; color: #1F2733; }
  /* sağ altta yüzen butonlar; kapsayıcı tıklamayı engellemez */
  .yuzen { position: fixed; right: 1rem; bottom: 1rem; z-index: 45; display: flex; flex-direction: column; align-items: center; gap: .6rem; pointer-events: none; }
  @media (min-width: 640px) { .yuzen { right: 1.5rem; bottom: 1.5rem; } }
  .yuzen-btn { pointer-events: auto; display: grid; place-items: center; border-radius: 999px; box-shadow: 0 10px 28px rgba(20,26,34,.28); transition: transform .25s, background-color .2s, opacity .3s, visibility .3s; }
  .yuzen-btn:hover { transform: translateY(-3px); }
  .yuzen-yukari { width: 3rem; height: 3rem; background: #fff; color: #1F2733; border: 1px solid rgba(31,39,51,.12); }
  .yuzen-yukari:hover { background: #F4B400; color: #1F2733; }
  .yuzen-yukari:not(.gorunur) { opacity: 0; visibility: hidden; transform: translateY(10px); }
  .yuzen-wp:not(.gorunur) { opacity: 0; visibility: hidden; transform: translateY(10px); }
  .yuzen-wp { width: 3.5rem; height: 3.5rem; background: #25D366; color: #fff; }
  .yuzen-wp:hover { background: #1EBE5A; }
  /* mobil menü */
  .menu-btn { width: 2.9rem; height: 2.9rem; display: grid; place-items: center; border-radius: .8rem; margin-right: -.4rem; }
  .mobil-menu { position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; background: #1F2733; color: #fff; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .3s, transform .35s cubic-bezier(.2,.7,.2,1), visibility .3s; }
  .mobil-menu::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: repeating-linear-gradient(90deg, #F4B400 0 40px, transparent 40px 68px); }
  .mobil-menu.acik { opacity: 1; visibility: visible; transform: none; }
  .mm-liste li { border-bottom: 1px solid rgba(255,255,255,.1); opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .35s cubic-bezier(.2,.7,.2,1); }
  .mobil-menu.acik .mm-liste li { opacity: 1; transform: none; }
  .mobil-menu.acik .mm-liste li:nth-child(2) { transition-delay: .03s; } .mobil-menu.acik .mm-liste li:nth-child(3) { transition-delay: .06s; }
  .mobil-menu.acik .mm-liste li:nth-child(4) { transition-delay: .09s; } .mobil-menu.acik .mm-liste li:nth-child(5) { transition-delay: .12s; }
  .mobil-menu.acik .mm-liste li:nth-child(6) { transition-delay: .15s; } .mobil-menu.acik .mm-liste li:nth-child(7) { transition-delay: .18s; }
  .mm-link { display: flex; align-items: center; gap: 1rem; padding: 1rem .25rem; font-weight: 600; font-size: 1.2rem; }
  .mm-link:active, .mm-link:hover { color: #F4B400; }
  .mm-btn { display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .95rem .5rem; border-radius: .8rem; font-weight: 600; font-size: 1rem; white-space: nowrap; }
  body.menu-acik { overflow: hidden; }
  /* kaydırınca beliren bölümler; translate/scale kullanılır, bileşenin kendi transform'u bozulmaz */
  main, footer { overflow-x: clip; }
  html.anim [data-anim]:not(.gorundu) { opacity: 0; }
  html.anim [data-anim].gorundu { animation: var(--anim) .85s cubic-bezier(.2,.7,.2,1) var(--gecikme, 0ms) both; }
  [data-anim="yukari"] { --anim: a-yukari; } [data-anim="sol"] { --anim: a-sol; } [data-anim="sag"] { --anim: a-sag; } [data-anim="zoom"] { --anim: a-zoom; } [data-anim="asagi"] { --anim: a-asagi; }
  @keyframes a-yukari { from { opacity: 0; translate: 0 44px; } to { opacity: 1; translate: 0 0; } }
  @keyframes a-asagi { from { opacity: 0; translate: 0 -36px; } to { opacity: 1; translate: 0 0; } }
  @keyframes a-sol { from { opacity: 0; translate: -70px 0; } to { opacity: 1; translate: 0 0; } }
  @keyframes a-sag { from { opacity: 0; translate: 70px 0; } to { opacity: 1; translate: 0 0; } }
  @keyframes a-zoom { from { opacity: 0; scale: .9; } to { opacity: 1; scale: 1; } }
  @media (max-width: 639px) {
    @keyframes a-sol { from { opacity: 0; translate: -32px 0; } to { opacity: 1; translate: 0 0; } }
    @keyframes a-sag { from { opacity: 0; translate: 32px 0; } to { opacity: 1; translate: 0 0; } }
  }
  /* vizyon-misyon: yarım ekran bantlar, içerik sayfa kabıyla hizalı */
  .vm-parca { position: relative; overflow: hidden; padding: 2.75rem 1rem; }
  .vm-parca > * { position: relative; max-width: 34rem; }
  .vm-parca > .vm-dekor { position: absolute; max-width: none; pointer-events: none; }
  /* süs: misyonda sağda, vizyonda solda halka + nokta deseni */
  .vm-halka { width: 5.5rem; height: 5.5rem; right: 1rem; top: 1rem; color: rgba(255,255,255,.22); }
  .vm-nokta { display: none; width: 6rem; height: 4rem; right: 2rem; bottom: 1.75rem; color: rgba(255,255,255,.22); }
  .vm-sol .vm-halka { right: auto; top: auto; left: -1.25rem; bottom: -1.25rem; width: 5rem; height: 5rem; color: rgba(255,255,255,.1); }
  .vm-sol .vm-nokta { right: auto; left: 1.5rem; color: rgba(255,255,255,.12); }
  @media (max-width: 767px) { .vm-sol { padding-bottom: 4.5rem; } .vm-sol .vm-halka { left: 1rem; bottom: 1rem; width: 3.25rem; height: 3.25rem; } }
  @media (min-width: 768px) {
    .vm-halka { width: 8rem; height: 8rem; right: 2rem; top: 2rem; }
    .vm-nokta { display: block; }
    /* vizyon: yazıyı sağa alıp sol şeride halka ve nokta */
    .vm-parca.vm-sol { padding-left: max(8.5rem, calc((100vw - 80rem) / 2 + 1.5rem)); }
    .vm-parca.vm-sag { padding-right: max(11rem, calc((100vw - 80rem) / 2 + 1.5rem)); }
    .vm-sol .vm-halka { left: 1.5rem; top: 2rem; bottom: auto; width: 5.5rem; height: 5.5rem; }
    .vm-sol .vm-nokta { left: 1.5rem; bottom: 2rem; width: 5.5rem; height: 3.5rem; }
  }
  .vm-ikon { display: grid; place-items: center; flex-shrink: 0; width: 3.5rem; height: 3.5rem; border-radius: .9rem; }
  @media (min-width: 640px) { .vm-parca { padding: 3.5rem 1.5rem; } }
  @media (min-width: 768px) {
    .vm-parca { padding-top: 4rem; padding-bottom: 4rem; }
    .vm-sol { padding-left: max(1.5rem, calc((100vw - 80rem) / 2 + 1.5rem)); padding-right: 3.5rem; }
    .vm-sag { padding-left: 3.5rem; padding-right: max(1.5rem, calc((100vw - 80rem) / 2 + 1.5rem)); }
  }
  #lightbox::backdrop { background: rgba(20, 25, 33, .92); }
  /* header: hero üstünde şeffaf, kayınca beyaz */
  #ust { color: #fff; }
  #ust .ust-bar { background: rgba(20, 26, 34, .6); border-bottom: 1px solid rgba(255,255,255,.12); transition: background-color .35s; }
  #ust .sosyal { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 999px; color: rgba(255,255,255,.85); transition: background-color .2s, color .2s; }
  #ust .sosyal:hover { background: #F4B400; color: #1F2733; }
  #ust .ust-btn-cam { border: 1px solid rgba(255,255,255,.35); transition: background-color .2s, color .2s; }
  #ust .ust-btn-cam:hover { background: #fff; color: #1F2733; }
  #ust .ust-ana { background: linear-gradient(180deg, rgba(20,26,34,.6), rgba(20,26,34,0)); transition: background-color .35s, box-shadow .35s; }
  #ust .nav-link { color: #fff; transition: color .2s; }
  #ust .nav-link:hover { color: #F4B400; }
  #ust .nav-ikonlu { display: flex; flex-direction: column; align-items: center; gap: .35rem; padding: .5rem .35rem; white-space: nowrap; }
  @media (min-width: 1280px) { #ust .nav-ikonlu { padding: .5rem .6rem; } }
  #ust .nav-ikonlu svg { width: 1.6rem; height: 1.6rem; }
  #ust .tel-ikon { background: #F4B400; color: #1F2733; }
  #ust .logo { filter: brightness(0) invert(1); transition: filter .35s; }
  #ust[data-dolu="true"] .ust-bar { background: #1F2733; }
  #ust[data-dolu="true"] .ust-ana { background: #fff; box-shadow: 0 6px 24px rgba(31,39,51,.1); }
  #ust[data-dolu="true"] .nav-link { color: #1F2733; }
  #ust[data-dolu="true"] .nav-link:hover { color: #E31E24; }
  #ust[data-dolu="true"] .logo { filter: none; }

  /* hero slider */
  .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.1s ease; }
  .slide[data-aktif="true"] { opacity: 1; }
  .slide-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); backface-visibility: hidden; }
  .slide[data-aktif="true"] .slide-img { animation: yaklas 9s ease-out forwards; }
  @keyframes yaklas { from { transform: scale(1.12); } to { transform: scale(1); } }
  .hero-ortu { background:
      linear-gradient(180deg, rgba(20,26,34,.95) 0%, rgba(20,26,34,.75) 150px, rgba(20,26,34,.3) 260px, rgba(20,26,34,0) 380px),
      linear-gradient(90deg, rgba(20,26,34,.92) 0%, rgba(20,26,34,.7) 38%, rgba(20,26,34,.15) 75%),
      linear-gradient(0deg, rgba(20,26,34,.95) 0%, rgba(20,26,34,0) 40%); }
  .hero-metin { position: absolute; left: 1rem; right: 1rem; bottom: 9rem; max-width: 58rem; visibility: hidden; }
  @media (min-width: 640px) { .hero-metin { left: 1.5rem; bottom: 10rem; } }
  .hero-metin[data-aktif="true"] { position: relative; left: 0; bottom: 0; visibility: visible; }
  /* hero yazıları: başlık satırları maskeden yukarı kayar, sonra açıklama ve buton */
  .hero-baslik .satir { display: block; overflow: hidden; padding-bottom: .06em; margin-bottom: -.06em; }
  .hero-baslik .satir > span { display: block; translate: 0 110%; rotate: 4deg; transform-origin: 0 100%; }
  .hero-metin[data-aktif="true"] .hero-baslik .satir > span { animation: satir-cik .9s cubic-bezier(.16,.8,.2,1) .15s forwards; }
  .hero-metin[data-aktif="true"] .hero-baslik .satir:nth-child(2) > span { animation-delay: .3s; }
  .hero-baslik::after { content: ''; display: block; width: 0; height: 5px; margin-top: 1.1rem; background: #F4B400; border-radius: 3px; }
  .hero-metin[data-aktif="true"] .hero-baslik::after { animation: cizgi .8s cubic-bezier(.2,.7,.2,1) .7s forwards; }
  .hero-alt, .hero-btn { opacity: 0; translate: 0 26px; filter: blur(6px); }
  .hero-metin[data-aktif="true"] .hero-alt { animation: belir .8s cubic-bezier(.2,.7,.2,1) .75s forwards; }
  .hero-metin[data-aktif="true"] .hero-btn { animation: belir .8s cubic-bezier(.2,.7,.2,1) .95s forwards; }
  @keyframes satir-cik { to { translate: 0 0; rotate: 0deg; } }
  @keyframes cizgi { to { width: 5rem; } }
  @media (prefers-reduced-motion: reduce) { .hero-baslik .satir > span, .hero-alt, .hero-btn { translate: none; rotate: none; opacity: 1; filter: none; } .hero-baslik::after { width: 5rem; } }
  @keyframes belir { to { opacity: 1; translate: 0 0; filter: blur(0); } }
  .hero-baslik { font-weight: 800; text-transform: uppercase; line-height: .9; letter-spacing: -.01em; font-size: clamp(3.2rem, 7.4vw, 6.75rem); }
  .hero-alt { margin-top: 1.25rem; font-size: 1.25rem; max-width: 30rem; color: rgba(255,255,255,.85); }
  .hero-btn { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .75rem; }
  .btn-kirmizi { font-weight: 600; font-size: 1.125rem; padding: .9rem 1.75rem; border-radius: .4rem; transition: background-color .2s, color .2s; }
  .btn-kirmizi { background: #E31E24; } .btn-kirmizi:hover { background: #C8161C; }
  .hero-ilerleme { display: block; width: 100%; padding: 1rem 0; }
  .hero-ilerleme .yol { position: relative; display: block; height: 30px; }
  .hero-ilerleme .yol::before { content: ''; position: absolute; left: 0; right: 0; bottom: 3px; height: 3px; background: repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 18px, transparent 18px 32px); }
  .hero-ilerleme .dolgu { position: absolute; left: 0; bottom: 3px; height: 3px; width: 100%; background: #F4B400; border-radius: 2px; transform-origin: 0 50%; will-change: transform; }
  /* araba rayı: kendi genişliği kadar kayınca araba yolun sonuna varır */
  .hero-ilerleme .ray { position: absolute; left: 0; right: 44px; bottom: 5px; height: 0; will-change: transform; transform: translate3d(100%, 0, 0); }
  .hero-ilerleme .araba { position: absolute; left: 0; bottom: 0; width: 44px; height: auto; color: #fff; }
  @media (min-width: 640px) { .hero-ilerleme .ray { right: 58px; } .hero-ilerleme .araba { width: 58px; } }
  #hero[data-oynat="true"] .hero-ilerleme .dolgu { animation: doldur 7s linear forwards; }
  #hero[data-oynat="true"] .hero-ilerleme .ray { animation: surus 7s linear forwards; }
  #hero[data-durdu="true"] .hero-ilerleme :is(.dolgu, .ray) { animation-play-state: paused; }
  @keyframes surus { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(100%, 0, 0); } }
  @keyframes doldur { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  .ok-btn { width: 3.25rem; height: 3.25rem; border-radius: 999px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); transition: background-color .2s, color .2s; }
  .ok-btn:hover { background: #fff; color: #1F2733; }
  @media (max-width: 639px) { .hero-ortu { background: linear-gradient(180deg, rgba(20,26,34,.92) 0%, rgba(20,26,34,.55) 110px, rgba(20,26,34,0) 220px), linear-gradient(0deg, rgba(20,26,34,.96) 0%, rgba(20,26,34,.72) 55%, rgba(20,26,34,.35) 100%); } }
  @media (max-width: 639px) { }

  /* ---- İç sayfalar: tasarımın parçalarından türetildi (başlık bandı hero'nun, metin gövdesi S.S.S.'nin dilinde) ---- */
  .sayfa-ust { position: relative; isolation: isolate; overflow: hidden; background: #1F2733; color: #fff; padding-top: 84px; }
  @media (min-width: 1024px) { .sayfa-ust { padding-top: 172px; } }
  .sayfa-ust-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .4; z-index: -2; }
  .sayfa-ust::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,26,34,.75) 0%, rgba(20,26,34,.35) 55%, rgba(20,26,34,.85) 100%); }
  .sayfa-baslik::after { content: ''; display: block; width: 5rem; height: 5px; margin-top: 1.1rem; background: #F4B400; border-radius: 3px; }
  .yazi { color: #3A4553; font-size: 1.0625rem; line-height: 1.75; overflow-wrap: anywhere; }
  .yazi > * + * { margin-top: 1.1em; }
  .yazi h2 { font-family: "Barlow Condensed", Barlow, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 2rem; line-height: 1.05; color: #1F2733; margin-top: 1.8em; }
  .yazi h3 { font-weight: 700; font-size: 1.35rem; line-height: 1.3; color: #1F2733; margin-top: 1.5em; }
  .yazi h4 { font-weight: 700; font-size: 1.15rem; color: #1F2733; margin-top: 1.4em; }
  .yazi strong, .yazi b { color: #1F2733; font-weight: 700; }
  .yazi a { color: #E31E24; text-decoration: underline; text-underline-offset: 3px; }
  .yazi a:hover { color: #C8161C; }
  .yazi ul { list-style: disc; padding-left: 1.4rem; }
  .yazi ol { list-style: decimal; padding-left: 1.4rem; }
  .yazi li + li { margin-top: .4em; }
  .yazi li::marker { color: #E31E24; }
  .yazi img { height: auto; max-width: 100%; border-radius: 1rem; }
  .yazi blockquote { border-left: 5px solid #F4B400; background: #EEF0F2; padding: 1rem 1.25rem; border-radius: 0 .75rem .75rem 0; color: #1F2733; font-weight: 500; }
  .yazi table { width: 100%; border-collapse: collapse; font-size: 1rem; }
  /* Dar ekranda geniş tablo sayfayı taşırmasın, kendi içinde kaysın */
  @media (max-width: 639px) { .yazi table { display: block; overflow-x: auto; } }
  .yazi th, .yazi td { border: 1px solid rgba(31,39,51,.15); padding: .6rem .8rem; text-align: left; }
  .yazi th { background: #EEF0F2; color: #1F2733; font-weight: 700; }
  .yazi hr { border: 0; height: 6px; background: repeating-linear-gradient(90deg, #F4B400 0 56px, transparent 56px 96px); }
  /* Editörden gelen YouTube / video gömmeleri kutuya sığar */
  .yazi iframe, .yazi video, .yazi embed, .yazi object { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 1rem; background: #1F2733; }
  .yazi figure { margin-left: 0; margin-right: 0; }
  .yazi figcaption { font-size: .95rem; color: #3A4553; margin-top: .5rem; }

*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Barlow,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-6{bottom:-1.5rem}.-left-5{left:-1.25rem}.-right-10{right:-2.5rem}.-right-4{right:-1rem}.-top-10{top:-2.5rem}.-top-12{top:-3rem}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-40{z-index:40}.order-last{order:9999}.col-span-5{grid-column:span 5/span 5}.col-span-7{grid-column:span 7/span 7}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-28{height:7rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[100svh\]{height:100svh}.h-\[18px\]{height:18px}.h-\[68px\]{height:68px}.h-\[84px\]{height:84px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[1000px\]{max-height:1000px}.max-h-\[82vh\]{max-height:82vh}.min-h-\[420px\]{min-height:420px}.min-h-\[680px\]{min-height:680px}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-28{width:7rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[min\(1100px\2c 94vw\)\]{max-width:min(1100px,94vw)}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x:0.125rem}.translate-x-4{--tw-translate-x:1rem}.translate-x-4,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-asfalt{--tw-border-opacity:1;border-color:rgb(31 39 51/var(--tw-border-opacity,1))}.border-asfalt\/15{border-color:rgba(31,39,51,.15)}.border-asfalt\/20{border-color:rgba(31,39,51,.2)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.bg-asfalt{--tw-bg-opacity:1;background-color:rgb(31 39 51/var(--tw-bg-opacity,1))}.bg-beton{--tw-bg-opacity:1;background-color:rgb(238 240 242/var(--tw-bg-opacity,1))}.bg-kirmizi{--tw-bg-opacity:1;background-color:rgb(227 30 36/var(--tw-bg-opacity,1))}.bg-serit{--tw-bg-opacity:1;background-color:rgb(244 180 0/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-asfalt{--tw-gradient-from:#1f2733 var(--tw-gradient-from-position);--tw-gradient-to:rgba(31,39,51,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-asfalt\/60{--tw-gradient-to:rgba(31,39,51,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(31,39,51,.6) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-asfalt{--tw-gradient-to:#1f2733 var(--tw-gradient-to-position)}.\!object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-36{padding-bottom:9rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-sans{font-family:Barlow,system-ui,sans-serif}.font-tabela{font-family:Barlow Condensed,Barlow,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[26px\]{font-size:26px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[\.92\]{line-height:.92}.leading-\[\.95\]{line-height:.95}.leading-\[\.9\]{line-height:.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-asfalt{--tw-text-opacity:1;color:rgb(31 39 51/var(--tw-text-opacity,1))}.text-asfalt-300{--tw-text-opacity:1;color:rgb(154 164 177/var(--tw-text-opacity,1))}.text-asfalt-600{--tw-text-opacity:1;color:rgb(58 69 83/var(--tw-text-opacity,1))}.text-asfalt\/25{color:rgba(31,39,51,.25)}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-kirmizi{--tw-text-opacity:1;color:rgb(227 30 36/var(--tw-text-opacity,1))}.text-serit{--tw-text-opacity:1;color:rgb(244 180 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/85{color:hsla(0,0%,100%,.85)}.text-white\/90{color:hsla(0,0%,100%,.9)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.brightness-0{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness:brightness(0)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:border-kirmizi:hover{--tw-border-opacity:1;border-color:rgb(227 30 36/var(--tw-border-opacity,1))}.hover\:bg-kirmizi:hover{--tw-bg-opacity:1;background-color:rgb(227 30 36/var(--tw-bg-opacity,1))}.hover\:bg-kirmizi-600:hover{--tw-bg-opacity:1;background-color:rgb(200 22 28/var(--tw-bg-opacity,1))}.hover\:text-kirmizi:hover{--tw-text-opacity:1;color:rgb(227 30 36/var(--tw-text-opacity,1))}.hover\:text-serit:hover{--tw-text-opacity:1;color:rgb(244 180 0/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_10px_28px_rgba\(31\2c 39\2c 51\2c \.1\)\]:hover{--tw-shadow:0 10px 28px rgba(31,39,51,.1);--tw-shadow-colored:0 10px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_18px_40px_rgba\(31\2c 39\2c 51\2c \.12\)\]:hover{--tw-shadow:0 18px 40px rgba(31,39,51,.12);--tw-shadow-colored:0 18px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:text-kirmizi{--tw-text-opacity:1;color:rgb(227 30 36/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:-bottom-8{bottom:-2rem}.sm\:-left-8{left:-2rem}.sm\:-right-14{right:-3.5rem}.sm\:-right-8{right:-2rem}.sm\:-top-14{top:-3.5rem}.sm\:-top-8{top:-2rem}.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:mt-14{margin-top:3.5rem}.sm\:h-36{height:9rem}.sm\:h-44{height:11rem}.sm\:w-36{width:9rem}.sm\:w-44{width:11rem}.sm\:w-auto{width:auto}.sm\:translate-x-6{--tw-translate-x:1.5rem}.sm\:translate-x-6,.sm\:translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-6{--tw-translate-y:1.5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:gap-8{gap:2rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-40{padding-bottom:10rem}.sm\:pr-20{padding-right:5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:-left-8{left:-2rem}.lg\:right-auto{right:auto}.lg\:top-44{top:11rem}.lg\:order-none{order:0}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:mt-16{margin-top:4rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-5{margin-top:1.25rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:contents{display:contents}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-\[104px\]{height:104px}.lg\:max-w-sm{max-width:24rem}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-16{gap:4rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:justify-self-end{justify-self:end}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-40{padding-bottom:10rem}.lg\:pt-16{padding-top:4rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-28{padding-top:7rem}.lg\:pt-8{padding-top:2rem}.lg\:text-right{text-align:right}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:block{display:block}.xl\:gap-16{gap:4rem}.xl\:gap-2{gap:.5rem}.xl\:gap-24{gap:6rem}.xl\:gap-7{gap:1.75rem}.xl\:gap-8{gap:2rem}.xl\:gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.xl\:gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.xl\:p-7{padding:1.75rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1536px){.\32xl\:pr-0{padding-right:0}}