:root{
    /* KARANLIK MOD (uzay) */
    --primary:#5B6CFF;
    --primary-dark:#9AA6FF;
    --soft:rgba(255,255,255,.035);
    --cream:#05070F;
    --ink:#EAF0FF;
    --muted:#A9B3D3;
    --line:rgba(255,255,255,.12);
    --radius:18px;
    --shadow:0 10px 30px rgba(0,0,0,.35);
    --header-bg:rgba(5,7,15,.75);
    --card-bg:rgba(255,255,255,.05);
    --section-bg:transparent;
    --footer-bg:rgba(3,5,12,.88);
    --footer-ink:#aeb8d8;
    --menu-bg:rgba(10,13,28,.96);
    --hover-bg:rgba(255,255,255,.08);
    --btn-hover:#7A88FF;
    --thumb:linear-gradient(135deg,#232a66,#4a2f7a 60%,#17506f);
  }
  /* AYDINLIK MOD (ormanlık yol) */
  html[data-theme="light"]{
    --primary:#3f7d4e;
    --primary-dark:#2e6a3f;
    --soft:rgba(236,246,232,.5);
    --cream:#e9f1df;
    --ink:#1d2b20;
    --muted:#46594b;
    --line:rgba(30,60,40,.16);
    --shadow:0 10px 30px rgba(20,40,25,.18);
    --header-bg:rgba(244,249,238,.8);
    --card-bg:rgba(255,255,255,.84);
    --section-bg:rgba(247,251,242,.58);
    --footer-bg:rgba(18,36,24,.94);
    --footer-ink:#c8d8cc;
    --menu-bg:rgba(250,253,246,.98);
    --hover-bg:rgba(30,60,40,.08);
    --btn-hover:#2f6a3e;
    --thumb:linear-gradient(135deg,#9cc79a,#5f9a63 60%,#3f7a4f);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:80px}
  body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;overflow-x:hidden}
  h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.2}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .container{width:min(1120px,100% - 40px);margin-inline:auto}
  section{padding:84px 0;background:var(--section-bg)}
  .eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:12px}
  .section-head{max-width:640px;margin-bottom:44px}
  .section-head h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin-bottom:12px}
  .section-head p{color:var(--muted)}

  /* Butonlar */
  .btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid var(--primary);transition:.2s;cursor:pointer;background:none;font-family:inherit}
  .btn-primary{background:var(--primary);color:#fff}
  .btn-primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
  .btn-outline{color:var(--primary-dark)}
  .btn-outline:hover{background:var(--primary);color:#fff}

  /* Uzay arka planı */
  .space{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#0b1030 0%,#05070F 60%)}
  .nebula{position:absolute;left:-10%;top:-20%;width:120%;height:160%;
    background:
      radial-gradient(circle at 20% 25%,rgba(91,108,255,.22),transparent 38%),
      radial-gradient(circle at 80% 45%,rgba(168,85,247,.18),transparent 40%),
      radial-gradient(circle at 40% 85%,rgba(34,160,220,.15),transparent 42%);
    will-change:transform}
  .stars{position:absolute;top:0;left:0;border-radius:50%;background:transparent;will-change:transform}
  .stars.twinkle{animation:twinkle 4s ease-in-out infinite alternate}
  @keyframes twinkle{from{opacity:.55}to{opacity:1}}
  @media (prefers-reduced-motion:reduce){.stars.twinkle{animation:none}}

  /* Tema: aydınlık modda orman, karanlık modda uzay */
  .forest{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
  html[data-theme="light"] .forest{display:block}
  html[data-theme="light"] .space{display:none}
  .theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);
    background:var(--card-bg);color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}
  .theme-toggle:hover{border-color:var(--primary);transform:translateY(-1px)}

  /* Header */
  header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:70px}
  .logo{display:flex;align-items:center;gap:12px}
  .logo-mark{width:44px;height:44px;flex:none;border-radius:50%}
  .logo-text{display:flex;flex-direction:column;line-height:1.15}
  .logo b{font-family:Fraunces,serif;font-size:1.2rem}
  .logo small{font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
  nav ul{display:flex;align-items:center;gap:26px;list-style:none;font-size:.93rem;font-weight:500}
  nav a:hover{color:var(--primary-dark)}
  .menu-btn{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer;color:var(--ink)}

  /* Yönetim panelinden gelen içerik */
  .section-head.wide{max-width:760px}
  .rich p{color:var(--muted);margin-bottom:14px}
  /* Hakkımdakiler: metin solda, fotoğraf sağda (fotoğraf yoksa yalnızca metin) */
  .about-grid{display:block}
  .about-grid.has-photo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
  .about-grid.has-photo .section-head{max-width:none;margin-bottom:0}
  .about-photo{margin:0}
  .about-photo[hidden]{display:none}
  .about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card-bg)}
  .empty-note{color:var(--muted)}
  .grid-3 .is-extra{display:none}
  .grid-3.show-all .is-extra{display:block}
  .faq p+p{margin-top:10px}
  .test-card .btn{margin-top:4px}
  .test-card-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
  .test-card-heading h3{flex:1;margin:0}
  .test-info-button{flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--primary);border-radius:50%;background:transparent;color:var(--primary-dark);font:700 1rem/1 Inter,system-ui,sans-serif;cursor:pointer}
  .test-info-button:hover,.test-info-button:focus-visible{background:var(--primary);color:#fff}
  .test-info-button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}
  .blog-category,.blog-category-more{width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
  .blog-category h3,.blog-category-more{font-family:Fraunces,Georgia,serif;font-size:1.2rem}
  .blog-category.active{border-color:var(--primary);background:var(--hover-bg)}
  .blog-category-more{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--primary-dark)}
  .blog-category-results{width:fit-content;max-width:100%;margin-top:22px}
  .blog-category-results[hidden]{display:none}
  .blog-category-results h3{margin-bottom:12px}
  .blog-post-links{list-style:none;margin:0 0 16px}
  .blog-post-links li{padding:10px 0;border-top:1px solid var(--line)}
  .blog-post-links a{font-weight:600;color:var(--primary-dark);overflow-wrap:anywhere}
  .blog-post-links a:hover{text-decoration:underline;text-underline-offset:3px}
  .blog-post-more{margin-top:4px}
  .post-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--menu-bg);color:var(--ink);
    width:min(680px,calc(100% - 32px));max-height:85vh;padding:0;box-shadow:var(--shadow)}
  .post-dialog::backdrop{background:rgba(0,0,0,.55)}
  .post-dialog .inner{padding:28px;overflow:auto;max-height:85vh}
  .post-dialog h3{font-size:1.5rem;margin:6px 0 16px}
  .post-dialog p{color:var(--muted);margin-bottom:14px}
  .post-dialog .info{font-size:.82rem;color:var(--muted)}
  .post-dialog .close{float:right;margin-left:12px}

  /* Test penceresi */
  .btn[disabled]{opacity:.4;cursor:not-allowed}
  .test-dialog .t-count{font-size:.85rem;color:var(--muted)}
  .t-progress{height:8px;border-radius:99px;background:var(--hover-bg);overflow:hidden;margin:8px 0 24px}
  .t-progress i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .3s}
  .test-dialog p.t-q{font-family:Fraunces,Georgia,serif;font-size:1.3rem;line-height:1.45;color:var(--ink);margin-bottom:22px}
  .t-opts{display:grid;gap:10px}
  .t-opts.two{grid-template-columns:1fr 1fr}
  .t-opt{padding:14px 16px;text-align:left;border-radius:12px;border:1.5px solid var(--line);background:var(--card-bg);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:.15s}
  .t-opts.two .t-opt{text-align:center}
  .t-opt:hover{border-color:var(--primary)}
  .t-opt.sel{border-color:var(--primary);background:var(--hover-bg)}
  .t-nav,.t-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px}
  .t-res{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:14px;background:var(--card-bg)}
  .test-dialog .t-res h4{font-family:Fraunces,Georgia,serif;font-size:1.1rem;margin:0 0 4px;color:var(--ink)}
  .t-score{font-size:.85rem;color:var(--muted);margin-bottom:8px}
  .t-bar{height:10px;border-radius:99px;background:var(--hover-bg);overflow:hidden;margin-bottom:12px}
  .t-bar i{display:block;height:100%;background:var(--primary);border-radius:99px}
  .t-calc{text-align:center;padding:56px 0 48px}
  .test-dialog .t-calc p{font-size:1.15rem;color:var(--ink);margin:18px 0 0}
  .t-spin{width:44px;height:44px;margin:0 auto;border-radius:50%;border:4px solid var(--line);border-top-color:var(--primary);animation:t-spin .9s linear infinite}
  @keyframes t-spin{to{transform:rotate(360deg)}}
  @media (prefers-reduced-motion:reduce){.t-spin{animation:none;border-top-color:var(--line);opacity:.6}}
  .test-dialog .t-res p{margin-bottom:0}
  .test-dialog .t-sum{color:var(--ink);font-weight:600}
  .test-dialog .t-note{font-size:.84rem;margin-top:8px}
  @media (max-width:480px){.t-opts.two{grid-template-columns:1fr}}

  /* Yasal metin pencereleri (KVKK, Gizlilik, Çerez) */
  .legal-dialog h4{font-family:Fraunces,Georgia,serif;font-size:1.05rem;margin:22px 0 8px;color:var(--ink)}
  .legal-dialog ul{margin:0 0 14px 20px;color:var(--muted)}
  .legal-dialog li{margin-bottom:6px}
  .legal-dialog .updated{font-size:.82rem;color:var(--muted);margin-top:22px}

  /* Kopyalama caydırıcı: içerik alanında seçim kapalı, yazdırma kapalı */
  main,.post-dialog:not(.legal-dialog){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  main img{-webkit-user-drag:none}
  .copy-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:rgba(20,30,25,.94);color:#fff;
    padding:10px 18px;border-radius:12px;font-size:.88rem;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:90vw;text-align:center}
  .copy-toast.show{opacity:1;transform:translate(-50%,0)}
  @media print{
    main,.post-dialog,.space,.forest,header{display:none!important}
    body::before{content:"Bu sayfadaki içerikler telif hakkıyla korunmaktadır ve yazdırılamaz.";display:block;padding:40px;font-size:18px;color:#000}
  }

  /* Açılır alt menü */
  nav li{position:relative}
  .caret{font-size:.75em;opacity:.8}
  .submenu{display:none;position:absolute;top:100%;left:-14px;min-width:190px;flex-direction:column;gap:0;
    padding:14px 8px 8px;list-style:none;font-weight:500;z-index:60}
  .submenu::before{content:"";position:absolute;inset:8px 0 0 0;background:var(--menu-bg);border:1px solid var(--line);
    border-radius:14px;box-shadow:var(--shadow);z-index:-1}
  .submenu a{display:block;padding:9px 14px;border-radius:10px;white-space:nowrap}
  .submenu a:hover{background:var(--hover-bg)}
  .has-sub:hover .submenu,.has-sub:focus-within .submenu{display:flex}

  /* Kartlar */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{background:var(--card-bg);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);transition:.2s}
  .card:hover{transform:translateY(-4px)}
  .card .ico{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:1.3rem;margin-bottom:16px}
  .card h3{font-size:1.2rem;margin-bottom:8px}
  .card p{color:var(--muted);font-size:.95rem;margin-bottom:14px}
  .card a.more{font-weight:600;font-size:.9rem;color:var(--primary-dark)}
  .center{text-align:center;margin-top:36px}
  .bg-soft{background:var(--soft)}

  /* Sertifikalar */
  .cert{display:flex;flex-direction:column;gap:6px}
  .cert .tag{font-size:.75rem;font-weight:600;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.08em}
  .cert .meta{font-size:.85rem;color:var(--muted)}

  /* Blog */
  .post{padding:0;overflow:hidden}
  .post .thumb{aspect-ratio:16/10;background:var(--thumb)}
  .post .body{padding:22px}
  .post .info{font-size:.8rem;color:var(--muted);margin-bottom:8px}
  .post h3{font-size:1.1rem;margin-bottom:8px}

  /* SSS */
  .faq{max-width:760px;margin-inline:auto}
  details{background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}
  summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
  summary::after{content:"+";color:var(--primary-dark);font-size:1.3rem;line-height:1}
  details[open] summary::after{content:"–"}
  details p{margin-top:12px;color:var(--muted);font-size:.95rem}

  /* Footer */
  footer{background:var(--footer-bg);border-top:1px solid var(--line);color:var(--footer-ink);padding:60px 0 28px;font-size:.92rem}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;margin-bottom:36px}
  footer h4{color:#fff;margin-bottom:12px;font-size:1rem}
  footer ul{list-style:none}
  footer li{margin-bottom:8px}
  footer a:hover{color:#fff}
  footer .foot-grid ul a[href^="mailto:"],footer .foot-grid ul a[href^="https://www.instagram.com"]{text-decoration:underline;text-underline-offset:3px;word-break:break-word}
  .disclaimer{font-size:.92rem;line-height:1.7}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.82rem}
  .foot-bottom span a{margin-left:16px}

  /* Mobil */
  @media (max-width:900px){
    .about-grid.has-photo{grid-template-columns:minmax(0,1fr) 260px;gap:36px}
    .grid-3{grid-template-columns:1fr 1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:720px){
    section{padding:60px 0}
    .about-grid.has-photo{grid-template-columns:1fr;gap:28px}
    .about-photo{order:-1;max-width:280px;margin-inline:auto}
    .menu-btn{display:block}
    nav{position:absolute;top:70px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);display:none;padding:12px 20px 20px}
    nav.open{display:block}
    nav ul{flex-direction:column;gap:14px}
    .submenu{display:flex;position:static;padding:8px 0 0 14px;min-width:0;gap:4px}
    .submenu::before{display:none}
    .submenu a{padding:4px 0}
    .grid-3,.foot-grid{grid-template-columns:1fr}
  }