/* Tanıtım sayfasının giriş sayfası teması (hukasis.com kök sayfasıyla aynı görünüm).
   Her kural :root[data-site-theme="giris"] altındadır; "/" dışındaki uygulama sayfaları etkilenmez.
   Aşama 237 (sahibi 2026-10-24: "siteye girdiğimde girişteki renkler gibi olsun web sitesi teması"): giriş
   sayfasının yeni açık görünümü; serin, neredeyse beyaz zemin, beyaz kartlar, koyu lacivert yazı, logonun mavisi
   vurgu, serif başlıklar, lacivert ve beyaz hap düğmeler, yuvarlak beyaz simge rozetleri. Tema her zaman açıktır
   (açık/koyu düğmesi gizlenir). Önceki koyu petrol/turkuaz görünüm aşama 218–236 arasındaydı. */
:root[data-site-theme="giris"] {
  --zemin: #f4f8fc; --zemin-2: #eaf1f8; --yuzey: #ffffff; --yuzey-2: #eef3f9; --metin: #0f1b2d; --soluk: #4a5567;
  --cizgi: #dde5ee; --vurgu: #1d64a6; --vurgu-koyu: #0f2747; --vurgu-acik: #e7f0fa;
  --odak: #1d64a6; --ok: #157a3c; --hata: #b42318; --hata-zemin: #fdecec; --girdi: #ffffff;
  --cam: #ffffff; --cam-cizgi: #e1e8f0;
  --golge: 0 1px 2px rgba(19, 41, 75, .04), 0 18px 40px -24px rgba(19, 41, 75, .3);
  --lacivert: #0f2747;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  color-scheme: light;
  scroll-padding-top: 112px;
}
:root[data-site-theme="giris"] body { background: var(--zemin); color: var(--metin); overflow-x: hidden; }
/* Room for the preview bar, only when it is on the page; the menu then sticks under it. */
:root[data-site-theme="giris"] body:has(.onizleme-cubugu) { padding-top: 36px; }
:root[data-site-theme="giris"] body:has(.onizleme-cubugu) .site-ust { top: 36px; }
:root[data-site-theme="giris"] a { color: var(--vurgu); }
:root[data-site-theme="giris"] :focus-visible { outline: 3px solid var(--odak); outline-offset: 3px; }
:root[data-site-theme="giris"] h1,
:root[data-site-theme="giris"] h2,
:root[data-site-theme="giris"] h3 { font-family: var(--serif); font-weight: 700; letter-spacing: -.01em; color: var(--metin); }
:root[data-site-theme="giris"] ::selection { background: rgba(29, 100, 166, .2); color: #0f1b2d; }

/* önizleme çubuğu */
:root[data-site-theme="giris"] .onizleme-cubugu { position: fixed; top: 0; left: 0; right: 0; z-index: 30; height: 36px;
  display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 16px; font-size: 13px; line-height: 1;
  white-space: nowrap; background: #ffffff; color: var(--soluk); border-bottom: 1px solid var(--cizgi); }
:root[data-site-theme="giris"] .onizleme-cubugu span { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
:root[data-site-theme="giris"] .onizleme-cubugu a { color: var(--vurgu); font-weight: 600; flex-shrink: 0; text-decoration: underline; text-underline-offset: 3px; }

/* düğmeler: birincil = koyu lacivert hap, ikincil = beyaz hap */
:root[data-site-theme="giris"] .dugme { border-radius: 999px; transition: transform .26s cubic-bezier(.22, .8, .22, 1), box-shadow .3s ease, filter .26s ease, background-color .2s ease; }
:root[data-site-theme="giris"] .dugme:hover { transform: translateY(-1px) scale(1.03); }
:root[data-site-theme="giris"] .dugme.birincil,
:root[data-site-theme="giris"] .onerilen-etiket {
  background: linear-gradient(180deg, #24548a 0%, #173f6e 46%, #0f2c52 100%); color: #ffffff;
  border: 1px solid rgba(9, 26, 51, .6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 10px 22px -10px rgba(15, 39, 71, .6); }
:root[data-site-theme="giris"] .dugme.birincil:hover { color: #ffffff; filter: brightness(1.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 16px 30px -12px rgba(15, 39, 71, .7); }
:root[data-site-theme="giris"] .dugme.beyaz,
:root[data-site-theme="giris"] .dugme.cizgili,
:root[data-site-theme="giris"] .dugme.cizgili-beyaz {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #f1f5fa 100%); color: var(--lacivert);
  border: 1px solid rgba(19, 41, 75, .12); box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px -12px rgba(19, 41, 75, .38); }
:root[data-site-theme="giris"] .dugme.beyaz:hover,
:root[data-site-theme="giris"] .dugme.cizgili:hover,
:root[data-site-theme="giris"] .dugme.cizgili-beyaz:hover { color: var(--lacivert); border-color: rgba(29, 100, 166, .35);
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #f1f5fa 100%); }
:root[data-site-theme="giris"] .ikon-dugme[data-tema-dugme] { display: none; }

/* üst menü */
:root[data-site-theme="giris"] .site-ust { top: 0; background: rgba(255, 255, 255, .94); border-bottom-color: #e1e8f0;
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); box-shadow: 0 10px 28px -18px rgba(19, 41, 75, .35); }
:root[data-site-theme="giris"] .site-menu a { color: #3d4757; }
:root[data-site-theme="giris"] .site-menu a:hover { color: var(--lacivert); }

/* kahraman: giriş sayfasının bilirkişi tarafı, açık örtüyle */
:root[data-site-theme="giris"] .kahraman { position: relative; isolation: isolate; overflow: hidden; background: #f4f8fc; padding: 112px 0 120px; }
:root[data-site-theme="giris"] .kahraman-resim { position: absolute; inset: 0; z-index: -2; }
:root[data-site-theme="giris"] .kahraman-resim img { width: 100%; height: 100%; object-fit: cover; object-position: 100% center; }
:root[data-site-theme="giris"] .kahraman::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(244, 248, 252, .96) 0%, rgba(244, 248, 252, .88) 50%, rgba(236, 243, 250, .55) 100%),
              linear-gradient(180deg, rgba(244, 248, 252, 0) 60%, #f4f8fc 100%); }
:root[data-site-theme="giris"] .ust-etiket { padding: 0; border-radius: 0; background: none; color: var(--vurgu);
  font-size: 12.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
:root[data-site-theme="giris"] .kahraman h1 { font-size: clamp(34px, 4.8vw, 58px); line-height: 1.1; }
:root[data-site-theme="giris"] .kahraman h1 em { font-style: italic; color: var(--vurgu); }
:root[data-site-theme="giris"] .giris-metni,
:root[data-site-theme="giris"] .kahraman-madde { color: #3d4757; }
:root[data-site-theme="giris"] .kahraman-madde .ikon { color: var(--vurgu); }
/* ekran görüntüsü yok: tek sütun metin, solda (resmin konusu sağda kalır) */
:root[data-site-theme="giris"] .kahraman-ic > div { max-width: 860px; margin: 0; text-align: left; }
:root[data-site-theme="giris"] .kahraman-ic .giris-metni { margin-left: 0; }
:root[data-site-theme="giris"] .kahraman-ic .kahraman-eylem { justify-content: flex-start; }
:root[data-site-theme="giris"] .kahraman-ic .kahraman-madde { align-items: flex-start; }

/* portal ekran görüntüleri: beyaz çerçeve, yumuşak gölge */
:root[data-site-theme="giris"] .ekran-kart { padding: 8px; border-radius: 18px; background: #ffffff; border: 1px solid var(--cam-cizgi);
  box-shadow: var(--golge); }
:root[data-site-theme="giris"] .bolum.gri .ekran-kart { background: #ffffff; }
:root[data-site-theme="giris"] .ekran-kart picture { border-radius: 12px; border: 1px solid var(--cam-cizgi); background: #eef3f9; }
:root[data-site-theme="giris"] .ekran-kart figcaption { padding: 12px 10px 6px; }
:root[data-site-theme="giris"] .ekran-kart figcaption strong { font-family: var(--serif); font-weight: 700; font-size: 17px; color: var(--metin); }

/* bölümler */
:root[data-site-theme="giris"] .bolum.gri { background: var(--zemin-2); border-color: var(--cizgi); }
:root[data-site-theme="giris"] .bolum-baslik { font-size: clamp(30px, 3.4vw, 42px); }
:root[data-site-theme="giris"] .bolum-alt,
:root[data-site-theme="giris"] .ozellik p,
:root[data-site-theme="giris"] .kucuk-ozellik p,
:root[data-site-theme="giris"] .adimlar p,
:root[data-site-theme="giris"] .paket-alt,
:root[data-site-theme="giris"] .sss p { color: var(--soluk); }
:root[data-site-theme="giris"] .ozellik,
:root[data-site-theme="giris"] .kucuk-ozellik,
:root[data-site-theme="giris"] .paket,
:root[data-site-theme="giris"] .modul-izgara li,
:root[data-site-theme="giris"] .teklif-form { background: #ffffff; border: 1px solid var(--cam-cizgi); border-radius: 16px; box-shadow: var(--golge); }
/* yuvarlak beyaz simge rozetleri */
:root[data-site-theme="giris"] .ozellik-ikon { width: 48px; height: 48px; border-radius: 50%;
  background: radial-gradient(circle at 50% 30%, #ffffff 0%, #ffffff 55%, #f2f5f9 100%);
  border: 1px solid rgba(19, 41, 75, .07); color: var(--lacivert); box-shadow: 0 10px 22px -12px rgba(19, 41, 75, .4); }
:root[data-site-theme="giris"] .kucuk-ozellik > .ikon { width: 42px; height: 42px; padding: 10px; border-radius: 50%;
  background: #ffffff; border: 1px solid rgba(19, 41, 75, .07); color: var(--lacivert); box-sizing: border-box;
  box-shadow: 0 8px 18px -10px rgba(19, 41, 75, .4); }
:root[data-site-theme="giris"] .adimlar li > span { background: #ffffff; color: var(--lacivert); border: 1px solid rgba(19, 41, 75, .14);
  font-family: var(--serif); font-size: 18px; box-shadow: 0 8px 18px -10px rgba(19, 41, 75, .4); }
:root[data-site-theme="giris"] .modul-kategori { font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: .2em;
  text-transform: uppercase; color: var(--vurgu); }
:root[data-site-theme="giris"] .modul-kategori small { letter-spacing: normal; color: var(--soluk); }
:root[data-site-theme="giris"] .modul-izgara li { border-radius: 12px; box-shadow: none; }
:root[data-site-theme="giris"] .modul-izgara span { background: #eef3f9; color: var(--soluk); }
:root[data-site-theme="giris"] .modul-izgara li.hazir span { background: var(--vurgu-acik); color: var(--vurgu); }

/* paketler */
:root[data-site-theme="giris"] .paket.onerilen { border: 1px solid rgba(29, 100, 166, .55);
  box-shadow: 0 0 0 1px rgba(29, 100, 166, .12), 0 26px 56px -24px rgba(29, 100, 166, .45); }
:root[data-site-theme="giris"] .onerilen-etiket { letter-spacing: .14em; text-transform: uppercase; font-size: 11px; }
:root[data-site-theme="giris"] .paket li .ikon { color: var(--vurgu); }

/* sss */
:root[data-site-theme="giris"] .sss { border-bottom-color: var(--cizgi); }
:root[data-site-theme="giris"] .sss summary { font-family: var(--serif); font-size: 19px; }
:root[data-site-theme="giris"] .sss summary::after { color: var(--vurgu); }

/* teklif formu */
:root[data-site-theme="giris"] .teklif-form label.onay { color: var(--soluk); }
:root[data-site-theme="giris"] .teklif-form input:not([type=checkbox]),
:root[data-site-theme="giris"] .teklif-form select,
:root[data-site-theme="giris"] .teklif-form textarea { background: var(--girdi); color: var(--metin); border: 1px solid #b9c6d5; border-radius: 10px; }
:root[data-site-theme="giris"] .teklif-form ::placeholder { color: #6b7686; opacity: 1; }
:root[data-site-theme="giris"] .teklif-form input:focus,
:root[data-site-theme="giris"] .teklif-form select:focus,
:root[data-site-theme="giris"] .teklif-form textarea:focus { outline: 2px solid var(--odak); outline-offset: 2px; border-color: var(--vurgu); }
:root[data-site-theme="giris"] .teklif-form input[type=checkbox] { accent-color: #1d64a6; }
:root[data-site-theme="giris"] .bildirim.hata { background: var(--hata-zemin); color: var(--hata); border: 1px solid #f3c1bb; }
:root[data-site-theme="giris"] .iletisim a { color: var(--vurgu); }

/* çağrı bandı: koyu lacivert, köşesinde yumuşak bir ışık; birincil düğmesi beyaz */
:root[data-site-theme="giris"] .cta { color: #ffffff; border-top: 0;
  background: radial-gradient(900px 320px at 20% 0%, rgba(43, 147, 209, .3), transparent 70%), linear-gradient(135deg, #0c1f3a 0%, #133964 55%, #1b5288 100%); }
:root[data-site-theme="giris"] .cta h2 { color: #ffffff; }
:root[data-site-theme="giris"] .cta p { color: rgba(255, 255, 255, .86); }
:root[data-site-theme="giris"] .cta .dugme.birincil { color: var(--lacivert); background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #eef3f9 100%);
  border-color: rgba(255, 255, 255, .6); }
:root[data-site-theme="giris"] .cta .dugme.cizgili,
:root[data-site-theme="giris"] .cta .dugme.cizgili-beyaz { color: #ffffff; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .4); box-shadow: none; }
:root[data-site-theme="giris"] .cta .dugme.cizgili:hover,
:root[data-site-theme="giris"] .cta .dugme.cizgili-beyaz:hover { color: #ffffff; background: rgba(255, 255, 255, .16); }

/* alt bilgi */
:root[data-site-theme="giris"] .site-alt { background: #ffffff; border-top-color: var(--cizgi); }
:root[data-site-theme="giris"] .site-alt p,
:root[data-site-theme="giris"] .alt-baglanti a,
:root[data-site-theme="giris"] .telif { color: var(--soluk); }
:root[data-site-theme="giris"] .alt-baglanti a:hover { color: var(--lacivert); }
:root[data-site-theme="giris"] .telif { border-top-color: var(--cizgi); }

@media (max-width: 600px) {
  :root[data-site-theme="giris"] .onizleme-cubugu { justify-content: flex-start; font-size: 12px; }
  :root[data-site-theme="giris"] .kahraman { padding: 52px 0 60px; }
  :root[data-site-theme="giris"] .kahraman::before { background: linear-gradient(180deg, rgba(244, 248, 252, .86) 0%, rgba(244, 248, 252, .94) 100%); }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-site-theme="giris"] .dugme { transition: none; }
  :root[data-site-theme="giris"] .dugme:hover { transform: none; }
}