:root{
  --bg:#ffffff;
  --ink:#0b1220;
  --muted:#526277;
  --line:rgba(2,6,23,.12);
  --soft:#f6fffb;
  --soft2:#effaf5;

  --g-900:#064e3b;
  --g-800:#065f46;
  --g-700:#047857;
  --g-600:#059669;
  --g-500:#10b981;
  --g-200:#a7f3d0;
  --g-100:#d1fae5;

  --card:#ffffff;
  --shadow: 0 18px 50px rgba(2,6,23,.10);
  --shadow2: 0 10px 26px rgba(2,6,23,.08);
  --r-12:12px;
  --r-16:16px;

  --max:1120px;
}

*{box-sizing:border-box}
html,body{height:100%}

/* =========================================================
   ✅ ARKA PLAN: TEK BLOK / TEK KATMAN
   - body background: düz beyaz
   - body::before: fixed gradient katmanı (tekrar etmez)
========================================================= */
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background: var(--bg);
  position:relative;
  min-height:100%;
}

/* Tek parça arka plan */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(1100px 520px at 20% -10%, rgba(16,185,129,.18), transparent 60%),
    radial-gradient(900px 520px at 85% 0%, rgba(16,185,129,.10), transparent 55%),
    linear-gradient(180deg, #fff, #fff);
}

/* (opsiyonel) daha “tek blok” hissi için en alta çok hafif bir gölge */
body::after{
  content:"";
  position:fixed;
  inset:-2px;
  z-index:-2;
  pointer-events:none;
  background: radial-gradient(1200px 800px at 50% 120%, rgba(6,95,70,.06), transparent 60%);
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--g-700)}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max), calc(100% - 32px)); margin:0 auto}
.sr-only{position:absolute;left:-9999px}

.skiplink{
  position:absolute;left:-9999px;top:8px;
  background:var(--g-800);color:#fff;padding:10px 12px;border-radius:10px;z-index:9999;
}
.skiplink:focus{left:16px}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.84);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-wrap{
  display:flex;align-items:center;gap:16px;
  padding:12px 0;
}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}
/* ===== Brand mark (Asclepius / medical snake) ===== */
.brand-mark{
  width:42px;height:42px;border-radius:14px;
  box-shadow: var(--shadow2);
  background:
    radial-gradient(14px 14px at 30% 30%, rgba(255,255,255,.85), rgba(255,255,255,0) 60%),
    linear-gradient(135deg, var(--g-700), var(--g-500));
  position:relative;
  overflow:hidden;
}

/* inner ring */
.brand-mark.med-logo::before{
  content:"";
  position:absolute; inset:6px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.35);
  background: radial-gradient(120px 60px at 50% -10%, rgba(255,255,255,.20), transparent 55%);
}

/* Asclepius (snake + staff) overlay */
.brand-mark.med-logo::after{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
  opacity:.98;

  /* White Rod of Asclepius (simplified) */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2c.55 0 1 .45 1 1v2.28c.73.2 1.25.86 1.25 1.65 0 .66-.37 1.24-.93 1.54l-.32 14.53c0 .55-.45 1-1 1s-1-.45-1-1l-.32-14.53c-.56-.3-.93-.88-.93-1.54 0-.79.52-1.45 1.25-1.65V3c0-.55.45-1 1-1z'/%3E%3Cpath fill='white' d='M16.9 6.55c-1.23-1.2-2.98-1.21-4.2-.06-.55.52-1.19.78-1.9.78-.92 0-1.74-.45-2.46-1.2-.35-.37-.94-.38-1.3-.03-.36.35-.37.92-.02 1.29.97 1.02 2.18 1.75 3.78 1.75.31 0 .62-.03.92-.09-.25.19-.48.41-.7.67-.77.9-1.02 2.07-.69 3.2.26.9.82 1.67 1.57 2.25-.55.24-1.06.6-1.49 1.1-.91 1.05-1.17 2.45-.7 3.72.47 1.28 1.6 2.24 3.02 2.64.49.14 1.01-.14 1.15-.63.14-.49-.14-1.01-.63-1.15-.87-.25-1.55-.81-1.84-1.6-.29-.79-.13-1.66.45-2.34.58-.67 1.39-.96 2.25-.86.52.06.98-.31 1.04-.83.06-.52-.31-.98-.83-1.04-1.02-.12-1.94-.65-2.28-1.83-.17-.6-.04-1.22.37-1.71.63-.74 1.6-1.02 2.6-.75.49.14 1-.15 1.14-.64.14-.49-.15-1-.64-1.14-.39-.11-.77-.16-1.15-.16.55-.1 1.07-.34 1.54-.78.51-.48 1.2-.47 1.7.02.36.35.94.35 1.3 0 .36-.35.36-.92 0-1.27z'/%3E%3C/svg%3E");
}
.brand-title{font-weight:700;letter-spacing:-.02em}
.brand-sub{font-size:12px;color:var(--muted);margin-top:2px}
.brand-text{display:flex;flex-direction:column;line-height:1.1}

.nav{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav a{
  font-size:14px;color:rgba(11,18,32,.86);
  padding:10px 10px;border-radius:12px;
}
.nav a.is-active{background:rgba(16,185,129,.12); color:var(--g-800)}
.nav a.nav-cta{
  background:linear-gradient(135deg, var(--g-800), var(--g-600));
  color:#fff; padding:10px 14px; box-shadow:var(--shadow2);
}
.nav a.nav-cta:hover{filter:saturate(1.05) brightness(1.02); color:#fff}

.nav-toggle{
  display:none;
  margin-left:auto;
  width:44px;height:44px;border-radius:14px;
  border:1px solid var(--line);
  background:#fff; box-shadow:var(--shadow2);
  align-items:center;justify-content:center;gap:4px;
}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--g-800);border-radius:4px}
.site-main{padding:22px 0 40px}

.flash-wrap{padding:10px 0}
.flash{
  border:1px solid var(--line);
  background:var(--card);
  padding:12px 14px;border-radius:14px;
  box-shadow:var(--shadow2);
}
.flash-success{border-color:rgba(16,185,129,.35)}
.flash-error{border-color:rgba(239,68,68,.28)}

.hero{
  border:1px solid var(--line);
  border-radius:var(--r-16);
  background:
    radial-gradient(600px 260px at 15% 10%, rgba(16,185,129,.20), transparent 60%),
    radial-gradient(520px 260px at 80% 0%, rgba(6,95,70,.14), transparent 55%),
    linear-gradient(180deg, #fff, var(--soft));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hero-inner{padding:28px; display:grid; grid-template-columns: 1.2fr .8fr; gap:18px; align-items:center}
.kicker{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(16,185,129,.12);
  color:var(--g-800);
  border:1px solid rgba(16,185,129,.18);
  padding:8px 10px;border-radius:999px;
  font-size:12px;font-weight:600;
}
.h1{font-size:38px;line-height:1.08;margin:12px 0 8px;letter-spacing:-.03em}
.lead{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 14px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px; padding:12px 14px; font-weight:700;
  border:1px solid var(--line); background:#fff;
}
.btn-primary{
  background:linear-gradient(135deg, var(--g-800), var(--g-600));
  border-color:transparent;color:#fff; box-shadow:var(--shadow2);
}
.btn-primary:hover{color:#fff}
.btn-soft{
  background:rgba(16,185,129,.10);
  border-color:rgba(16,185,129,.16);
  color:var(--g-900);
}
.hero-card{
  border:1px solid var(--line);
  border-radius:var(--r-16);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow2);
  padding:16px;
}
.trust{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.trust .chip{
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,var(--soft2));
  padding:10px;
  font-size:13px;color:rgba(11,18,32,.82);
}
.section{margin-top:22px}
.section-head{
  display:flex;align-items:end;justify-content:space-between;gap:14px;
  margin-bottom:12px;
}
.section-title{font-size:18px;margin:0;letter-spacing:-.02em}
.section-sub{margin:0;color:var(--muted);font-size:13px}
.section-more{font-size:13px;color:var(--g-800);font-weight:700}

.grid{
  display:grid; gap:14px;
}
.grid.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{
  border:1px solid var(--line);
  border-radius:var(--r-16);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow2);
  overflow:hidden;
}
.card .thumb{
  aspect-ratio: 16/9;
  background:linear-gradient(135deg, rgba(16,185,129,.18), rgba(16,185,129,.06));
  border-bottom:1px solid var(--line);
  position:relative;
}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .body{padding:14px}
.card .title{margin:0 0 6px;font-size:15px;letter-spacing:-.01em}
.card .meta{font-size:12px;color:var(--muted);margin:0 0 10px}
.card .excerpt{margin:0;color:rgba(11,18,32,.78);font-size:13px;line-height:1.55}
.badge{
  position:absolute;left:10px;top:10px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  padding:6px 10px;border-radius:999px;
  font-size:12px;font-weight:700;color:var(--g-900)
}
.card .more{
  display:inline-flex;margin-top:12px;
  font-weight:800;color:var(--g-800);font-size:13px
}

.layout-2{
  display:grid;grid-template-columns:1fr .9fr;gap:14px;
}
.box{
  border:1px solid var(--line);
  border-radius:var(--r-16);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow2);
  padding:16px;
}
.box h2{margin:0 0 10px;font-size:16px}
.box p{margin:0;color:var(--muted);line-height:1.6}
.kv{display:grid;gap:10px;margin-top:10px}
.kv .row{display:flex;gap:10px;flex-wrap:wrap}
.kv .item{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;background:linear-gradient(180deg,#fff,var(--soft2));
  font-size:13px;color:rgba(11,18,32,.82)
}

.form{display:grid;gap:10px}
.field{display:grid;gap:6px}
.label{font-size:13px;color:rgba(11,18,32,.82);font-weight:700}
.input, .textarea, .select{
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 12px;
  background:#fff;
  font:inherit;
  outline:none;
}
.textarea{min-height:120px;resize:vertical}
.help{font-size:12px;color:var(--muted)}
.form .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}

.article{
  border:1px solid var(--line);
  border-radius:var(--r-16);
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow);
  padding:18px;
}
.article h1{margin:0 0 8px;font-size:26px;letter-spacing:-.03em}
.article .sub{color:var(--muted);font-size:13px;margin:0 0 14px}
.prose{line-height:1.8;color:rgba(11,18,32,.86)}
.prose h2{margin-top:18px}
.prose h3{margin-top:14px}
.prose ul, .prose ol{padding-left:18px}
.prose blockquote{
  margin:14px 0;
  padding:12px 14px;
  border-left:4px solid rgba(16,185,129,.55);
  background:rgba(16,185,129,.08);
  border-radius:14px;
}

.faq{display:grid;gap:10px}
.faq details{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:10px 12px;
}
.faq summary{
  cursor:pointer;
  font-weight:800;
}
.faq .ans{color:rgba(11,18,32,.82);line-height:1.7;margin-top:8px}

.site-footer{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg, #fff, var(--soft));
  padding:26px 0 16px;
}
.footer-grid{
  display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;
}
.footer-brand{display:flex;gap:10px;align-items:center}
.footer-title{font-weight:800}
.footer-head{font-weight:900;margin-bottom:10px}
.footer-text{color:var(--muted);line-height:1.7;margin:10px 0 0}
.footer-links{display:grid;gap:8px}
.footer-links a{color:rgba(11,18,32,.82)}
.footer-links a:hover{color:var(--g-700)}
.footer-contact{display:grid;gap:8px}
.footer-muted{color:var(--muted);font-size:13px;line-height:1.6}
.footer-bottom{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  font-size:13px;color:rgba(11,18,32,.72)
}

/* responsive */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .layout-2{grid-template-columns:1fr}
  .grid.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .nav-toggle{display:inline-flex}
  .nav{display:none; width:100%; padding:10px 0}
  .nav.is-open{display:flex; flex-direction:column; align-items:stretch; gap:4px}
  .nav a{padding:12px 12px}
  .nav a.nav-cta{margin-top:6px}
  .nav-wrap{flex-wrap:wrap}
  .brand{min-width:auto}
  .grid.cards-3{grid-template-columns:1fr}
  .grid.cards-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
/* ===== Modern Link List (no images) ===== */
.linklist{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 980px){
  .linklist{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .linklist{ grid-template-columns:1fr; }
}

.linkitem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:14px 14px;
  border:1px solid rgba(2,6,23,.10);
  border-radius:14px;
  background:#fff;
  text-decoration:none;

  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.linkitem:hover{
  transform:translateY(-2px);
  border-color:rgba(5,150,105,.35);
  box-shadow:0 14px 34px rgba(2,6,23,.10);
}
.linkitem .t{
  font-weight:700;
  color:#0b1220;
  line-height:1.25;
}
.linkitem .chev{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:10px;
  display:grid;place-items:center;
  background:rgba(5,150,105,.10);
  color:#047857;
  font-weight:900;
}