/* Sınav Takvimi (/rehber/sinav-takvimi/) — koyu SaaS görünümü.
   Takvim (page.html, <body class="takvim-dark">) ve araç sayfaları (DGS hesaplama: açık açılır, düğmeyle bu koyu görünüm) yükler; diğer rehber sayfaları
   calendar.css'in açık temasında kalır. Efektler /rehber/ ana sayfasıyla
   (prototip/yeni-site/assets/site.css → "Rehber (/rehber/)" bloğu) aynıdır. */

/* ---------- Belirteçler ---------- */
.takvim-dark{color-scheme:dark;--bg:#0A0D13;--card:#121722;--card-2:rgba(255,255,255,.05);--hair:rgba(255,255,255,.1);--hair-2:rgba(255,255,255,.16);
  --text:#EEF0F5;--muted:#B3B9C6;--faint:#848B9B;--neon:#F5B841;--accent:#F5B841;--accent-bg:rgba(245,184,65,.1);--gold:#F5B841;--gold-2:#FFD98A;--amber:#FBBF24;
  --primary-bg:rgba(245,184,65,.1);--glass:rgba(15,23,42,.5);--ok:#3DD68C;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px -20px rgba(0,0,0,.6);--shadow-hover:0 8px 30px rgba(0,0,0,.12),0 22px 44px -22px rgba(0,0,0,.7);
  --mono:ui-monospace,"JetBrains Mono","SFMono-Regular","Cascadia Mono",Consolas,monospace;--ease-out:cubic-bezier(.22,1,.36,1)}
.takvim-dark [data-group=KPSS]{--accent:#34D399}.takvim-dark [data-group=YKS]{--accent:#FBBF24}.takvim-dark [data-group=ALES]{--accent:#C084FC}
.takvim-dark [data-group=DGS]{--accent:#22D3EE}.takvim-dark [data-group=LGS]{--accent:#FB7185}.takvim-dark [data-group=AGS]{--accent:#60A5FA}.takvim-dark [data-group=diger]{--accent:#A4ABBA}
.takvim-dark [data-group]{--accent-bg:color-mix(in srgb,var(--accent) 10%,transparent)}

/* ---------- Zemin, üst menü ---------- */
body.takvim-dark{background:radial-gradient(1100px 520px at 88% -8%,rgba(245,184,65,.08),transparent 62%),radial-gradient(900px 440px at -8% 2%,rgba(96,165,250,.06),transparent 60%),var(--bg);background-repeat:no-repeat;background-color:var(--bg)}
.takvim-dark::selection,.takvim-dark ::selection{background:rgba(245,184,65,.35);color:#fff}
/* ---------- Üst menü (siteNav): /rehber/ ana sayfasındaki menünün aynısı (site.css .topbar/.nav…).
   İki temada da çalışır; renkler --n-* belirteçlerinden. ---------- */
body{--n-glass:rgba(250,248,243,.78);--n-line:rgba(20,24,36,.08);--n-line-2:rgba(20,24,36,.15);--n-text:#141824;--n-muted:#3F4757;--n-faint:#5F6676;--n-surface:#FFFFFF;--n-surface-2:#FAF8F3;--n-surface-3:#F0ECE2;--n-gold:#A86C00;--n-gold-soft:rgba(209,143,18,.12)}
body.takvim-dark{--n-glass:rgba(14,18,26,.72);--n-line:rgba(255,255,255,.07);--n-line-2:rgba(255,255,255,.13);--n-text:#EEF0F5;--n-muted:#B3B9C6;--n-faint:#848B9B;--n-surface:#121722;--n-surface-2:#181E2B;--n-surface-3:#202838;--n-gold:#F5B841;--n-gold-soft:rgba(245,184,65,.12)}
.sd-topbar{position:sticky;top:0;z-index:30;padding:12px clamp(16px,4vw,40px) 0;pointer-events:none}
.sd-nav{pointer-events:auto;display:flex;align-items:center;gap:8px;max-width:1240px;margin-inline:auto;padding:8px 8px 8px 14px;border-radius:999px;border:1px solid var(--n-line);background:var(--n-glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transition:box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.sd-topbar.scrolled .sd-nav{border-color:var(--n-line-2);box-shadow:0 10px 40px -12px rgba(0,0,0,.45)}
.sd-topbar.nav-hidden .sd-nav{transform:translateY(-140%)}
.sd-topbar a{color:inherit;text-decoration:none}
.sd-topbar button{font:inherit;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;cursor:pointer}
.sd-topbar .sd-brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font-weight:750;letter-spacing:-.02em;font-size:1.02rem;white-space:nowrap;color:var(--n-text)}
.sd-brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 1px var(--n-line-2),0 6px 18px -6px rgba(245,184,65,.6)}
.sd-links{position:relative;display:flex;gap:2px;margin:0;padding:4px;list-style:none;border-radius:999px;border:1px solid var(--n-line);background:color-mix(in srgb,var(--n-text) 4%,transparent)}
.sd-topbar .sd-links a,.sd-topbar .sd-links button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:550;color:var(--n-muted);transition:color .2s}
.sd-topbar .sd-links a:hover,.sd-topbar .sd-links button:hover,.sd-topbar .sd-links [aria-current=page],.sd-topbar .sd-links .sd-current{color:var(--n-text)}
.sd-links [aria-current=page]::after,.sd-links .sd-current::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--n-gold);box-shadow:0 0 10px var(--n-gold)}
.sd-topbar .sd-menu a[aria-current=page]{background:var(--n-surface-2)}
.sd-hover{position:absolute;left:0;z-index:-1;border-radius:999px;background:var(--n-surface-3);opacity:0;transition:opacity .2s,transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1)}
.sd-has-menu{position:relative}
.sd-menu{position:absolute;top:calc(100% + 12px);left:50%;width:340px;padding:8px;border-radius:18px;border:1px solid var(--n-line-2);background:var(--n-surface);box-shadow:0 30px 60px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translate(-50%,-6px) scale(.98);transform-origin:50% 0;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1),visibility .2s}
.sd-has-menu:hover .sd-menu,.sd-has-menu:focus-within .sd-menu{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.sd-menu::before{content:"";position:absolute;inset:-14px 0 auto;height:14px}
.sd-topbar .sd-menu a{display:grid;grid-template-columns:36px 1fr;gap:2px 12px;align-items:center;padding:10px;border-radius:12px;color:var(--n-text)}
.sd-topbar .sd-menu a:hover{background:var(--n-surface-2)}
.sd-menu a::after{display:none}
.sd-menu .ic{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--n-gold-soft);color:var(--n-gold)}
.sd-menu strong{font-size:.9rem;font-weight:650}.sd-menu small{color:var(--n-faint);font-size:.78rem;line-height:1.35}
.sd-icon{width:18px;height:18px;flex:none}.sd-chev{width:14px;height:14px}
.sd-topbar .sd-theme{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--n-muted);transition:color .2s,background .2s}
.sd-topbar .sd-theme:hover{color:var(--n-text);background:var(--n-surface-3)}
.sd-theme .moon{display:none}.takvim-dark .sd-theme .moon{display:block}.takvim-dark .sd-theme .sun{display:none}
.sd-topbar .sd-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:999px;font-weight:700;font-size:.86rem;white-space:nowrap;color:#1C1405;background:linear-gradient(180deg,#FFD98A,#F5B841 55%,#E9A21F);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 -2px 0 rgba(0,0,0,.12) inset,0 10px 30px -10px rgba(245,184,65,.7);transition:box-shadow .35s cubic-bezier(.22,1,.36,1)}
.sd-topbar .sd-cta:hover{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 5px rgba(245,184,65,.16),0 16px 40px -10px rgba(245,184,65,.85)}
.takvim-dark .sd-menu{background:rgba(15,23,42,.9);border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}
.takvim-dark .sd-topbar .sd-menu a:hover{background:rgba(255,255,255,.05)}
.takvim-dark .sd-menu .ic{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#F59E0B;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.takvim-dark .sd-menu .ic .sd-icon{filter:drop-shadow(0 0 6px rgba(245,158,11,.55))}
.sd-menu-btn{display:none!important}
@media(max-width:860px){
  .sd-links,.sd-topbar .sd-cta{display:none}
  .sd-topbar .sd-menu-btn{display:grid!important;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--n-surface-3)}
  .sd-nav.open{border-radius:24px;flex-wrap:wrap}
  .sd-nav.open .sd-links{display:flex;flex-direction:column;order:9;width:100%;padding:8px 0 4px;border:0;background:none}
  .sd-topbar .sd-nav.open .sd-links a,.sd-topbar .sd-nav.open .sd-links button{width:100%;padding:12px 10px;font-size:1rem}
  .sd-nav.open .sd-links [aria-current=page]::after,.sd-nav.open .sd-links .sd-current::after{left:auto;right:12px;bottom:50%;margin:0 0 -2px}
  .sd-nav.open .sd-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 8px}
  .sd-topbar .sd-nav.open .sd-cta{display:flex;order:10;width:100%;margin:4px 0 6px}
}
.takvim-dark .brand-mark{background:linear-gradient(135deg,#FFD98A,#E9A21F);color:#1C1405;box-shadow:0 4px 14px -3px rgba(245,184,65,.55)}
.takvim-dark .crumbs a{color:var(--muted)}.takvim-dark .crumbs a:hover{color:var(--gold-2)}

/* ---------- Hero ---------- */
.takvim-dark .eyebrow{color:var(--gold)}
.takvim-dark .eyebrow::before{background:var(--gold);height:1px}
.takvim-dark .hero .eyebrow{color:#94A3B8}
.takvim-dark h1 em,.takvim-dark h2 em{padding:0;background:none;color:var(--gold-2)}
.takvim-dark .verification{background:var(--glass);border-color:var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted)}
.takvim-dark .dot{width:8px;height:8px;background:var(--ok);box-shadow:0 0 12px var(--ok),0 0 4px var(--ok);animation:td-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes td-pulse{50%{opacity:.35}}

/* Magic UI "Animated Shiny Text" — site.css .rehber .shiny-text ile aynı. */
.takvim-dark .shiny-text{--shimmer-width:100px;color:color-mix(in srgb,currentColor 72%,transparent);background:linear-gradient(to right,transparent,var(--shimmer-color,var(--gold)) 50%,transparent) no-repeat 0 0/var(--shimmer-width) 100%;-webkit-background-clip:text;background-clip:text;animation:td-shimmer 8s infinite}
@keyframes td-shimmer{0%,90%,100%{background-position:calc(-100% - var(--shimmer-width)) 0}30%,60%{background-position:calc(100% + var(--shimmer-width)) 0}}
/* Başlık kelimeleri: tam altın taban + beyaz parıltı (iki katman; yalnız parıltı kayar). */
.takvim-dark h1 em.shiny-text,body .cta h2 em.shiny-text,.takvim-dark #sss h2 em.shiny-text{--shimmer-width:220px;color:var(--gold-2);background-image:linear-gradient(to right,transparent,rgba(255,255,255,.95) 50%,transparent),linear-gradient(var(--gold-2),var(--gold-2));background-size:var(--shimmer-width) 100%,100% 100%;background-repeat:no-repeat;-webkit-text-fill-color:transparent;animation:td-shimmer-h 4s infinite;filter:drop-shadow(0 0 24px rgba(245,184,65,.28))}
body .cta h2 em.shiny-text{--shimmer-width:140px}
@keyframes td-shimmer-h{0%,90%,100%{background-position:calc(-100% - var(--shimmer-width)) 0,0 0}30%,60%{background-position:calc(100% + var(--shimmer-width)) 0,0 0}}
.takvim-dark .card-actions .shiny-text,.takvim-dark .spotlight-go .shiny-text,.takvim-dark .hub-go .shiny-text{--shimmer-width:60px}

/* Sıradaki sınav kartı: koyu cam pano, dijital sayaç */
.takvim-dark .spotlight{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--glass);border-color:var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.8),0 0 80px -40px rgba(245,184,65,.35)}
.takvim-dark .spotlight:hover{border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),var(--shadow-hover),0 0 80px -30px color-mix(in srgb,var(--accent) 45%,transparent)}
.takvim-dark .spotlight-count{font-family:var(--mono);font-weight:650;letter-spacing:-.02em;color:#FCD34D;text-shadow:0 0 14px rgba(252,211,77,.4)}

/* ---------- Arama ve filtreler ---------- */
.takvim-dark input{background-color:var(--glass);border-color:var(--hair);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),background-color .3s var(--ease-out)}
.takvim-dark input:focus{outline:none;background-color:rgba(15,23,42,.72);border-color:rgba(245,158,11,.6);box-shadow:0 0 0 2px rgba(245,158,11,.5),0 0 32px -6px rgba(245,158,11,.45)}
.takvim-dark legend{color:var(--faint)}
.takvim-dark fieldset button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#CBD5E1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),color .25s var(--ease-out),box-shadow .3s var(--ease-out)}
.takvim-dark fieldset button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#F1F5F9}
.takvim-dark fieldset button[aria-pressed=true],.takvim-dark fieldset button[aria-pressed=true]:hover{background:rgba(245,158,11,.1);border-color:#F59E0B;color:#FBBF24;text-shadow:0 0 10px rgba(245,158,11,.55);box-shadow:0 0 20px -4px rgba(245,158,11,.55),inset 0 0 10px -4px rgba(245,158,11,.4)}
.takvim-dark .filter-help,.takvim-dark #result-count{color:var(--faint)}

/* ---------- Sınav kartları ---------- */
.takvim-dark .card{position:relative;isolation:isolate;overflow:hidden;background:var(--glass);border:1px solid var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform .5s var(--ease-out),border-color .3s,box-shadow .4s,opacity .7s var(--ease-out)}
.takvim-dark .card::before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,transparent),transparent);opacity:.55;transition:opacity .3s;pointer-events:none}
/* Cam parıltısı: hover'da kartın üstünden bir kez geçer. */
.takvim-dark .card::after,.takvim-dark .hub-card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.07) 50%,transparent 62%) no-repeat 150% 0/250% 100%;opacity:0;transition:opacity .4s,background-position 0s .4s}
.takvim-dark .card:hover::after,.takvim-dark .hub-card:hover::after{opacity:1;background-position:-50% 0;transition:opacity .4s,background-position .9s var(--ease-out)}
.takvim-dark .card:hover,.takvim-dark .card:focus-within,.takvim-dark .card:target{transform:translateY(-4px);border-color:rgba(255,255,255,.2);box-shadow:var(--shadow-hover)}
.takvim-dark .card:hover::before{opacity:1}
.takvim-dark .card-cover{border-bottom-color:var(--hair);background:repeating-linear-gradient(30deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px),repeating-linear-gradient(-30deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px),radial-gradient(90% 90% at 50% 45%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),rgba(2,6,23,.35)}
.takvim-dark .countdown{font-family:var(--mono);font-weight:650;letter-spacing:-.03em;color:#F8FAFC;text-shadow:0 0 12px rgba(248,250,252,.25)}
.takvim-dark .past .countdown{font-family:inherit;color:var(--muted);text-shadow:none}
.takvim-dark .timeline li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}
.takvim-dark .timeline li:nth-child(3){background:color-mix(in srgb,var(--accent) 9%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.takvim-dark .exam-date{color:var(--text)}
.takvim-dark .note{color:var(--amber)}
/* Rozetler: koyu hap, sınav rengiyle parlayan yazı ve kenar. */
.takvim-dark .tag{border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 8px -2px color-mix(in srgb,var(--accent) 25%,transparent)}
.takvim-dark .application-status:not(:empty){padding:3px 10px;border-radius:999px;color:#3DD68C;background:rgba(61,214,140,.1);border:1px solid rgba(61,214,140,.32);text-shadow:0 0 10px rgba(61,214,140,.5);box-shadow:0 0 14px -4px rgba(61,214,140,.45)}
.takvim-dark .application-status:not(:empty)::before{animation:td-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.takvim-dark .card-actions{border-top-color:var(--hair)}
.takvim-dark .card-actions a{color:var(--muted)}.takvim-dark .card-actions a:hover{color:var(--text)}
.takvim-dark .card-actions .action-main,.takvim-dark .card-actions .action-main:hover{color:var(--gold-2)}
.takvim-dark .card-actions .action-main .shiny-text{transform:none}
.takvim-dark .card-actions .action-main span[aria-hidden]{display:inline-block}

/* Kartlar — cam derinliği (2026-10-12): koyuda çok saydam cam + ince kenar, hover'da sınav renginde ışıma;
   açıkta saydam beyaz cam. Tarih blokları gövdeden belirgin ayrışır. */
.takvim-dark .card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 40%),rgba(15,23,42,.3);border-color:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 40px -24px rgba(0,0,0,.7)}
.takvim-dark .card:hover,.takvim-dark .card:focus-within,.takvim-dark .card:target{border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 0 48px -10px color-mix(in srgb,var(--accent) 45%,transparent),0 24px 50px -24px color-mix(in srgb,var(--accent) 35%,rgba(0,0,0,.8))}
.takvim-dark .card-cover{background:repeating-linear-gradient(30deg,rgba(255,255,255,.022) 0 1px,transparent 1px 22px),repeating-linear-gradient(-30deg,rgba(255,255,255,.022) 0 1px,transparent 1px 22px),radial-gradient(90% 90% at 50% 45%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),rgba(2,6,23,.2);border-bottom-color:rgba(255,255,255,.06)}
.takvim-dark .timeline li{background:rgba(30,41,59,.8);border-color:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.takvim-dark .timeline li:nth-child(3){background:color-mix(in srgb,var(--accent) 12%,rgba(30,41,59,.85));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.takvim-dark .timeline span{color:#94A3B8}.takvim-dark .timeline strong{color:#F1F5F9}
.takvim-dark .countdown{font-weight:800;color:#FFFFFF;text-shadow:0 0 14px rgba(255,255,255,.3)}
.takvim-dark .card .tag{color:color-mix(in srgb,var(--accent) 80%,#fff);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 16px -3px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 10px -3px color-mix(in srgb,var(--accent) 35%,transparent)}
body:not(.takvim-dark) .card{background:rgba(255,255,255,.6);border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.04),0 6px 16px -8px rgba(15,23,42,.08);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s}
body:not(.takvim-dark) .card:hover,body:not(.takvim-dark) .card:focus-within,body:not(.takvim-dark) .card:target{transform:translateY(-4px);border-color:rgba(203,213,225,.8);box-shadow:inset 0 1px 0 #fff,0 10px 15px -3px rgba(148,163,184,.25),0 4px 6px -4px rgba(148,163,184,.2),0 20px 40px -16px color-mix(in srgb,var(--accent) 18%,rgba(15,23,42,.12))}
body:not(.takvim-dark) .card-cover{background:repeating-linear-gradient(30deg,rgba(15,27,51,.03) 0 1px,transparent 1px 22px),repeating-linear-gradient(-30deg,rgba(15,27,51,.03) 0 1px,transparent 1px 22px),linear-gradient(180deg,var(--accent-bg),rgba(255,255,255,0));border-bottom-color:rgba(226,232,240,.7)}
body:not(.takvim-dark) .timeline li{background:#F8FAFC;border-color:#E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.05)}
body:not(.takvim-dark) .timeline li:nth-child(3){background:color-mix(in srgb,var(--accent) 7%,#fff);border-color:color-mix(in srgb,var(--accent) 35%,#E2E8F0)}
body:not(.takvim-dark) .countdown{font-weight:800;color:#0F172A}
body:not(.takvim-dark) .past .countdown{color:#64748B}

/* Kaydırınca sırayla (0,1 sn) yukarı süzülme: calendar-ui.mjs .reveal-on ekler; JS yoksa kartlar hep görünür. */
.reveal-on .takvim-dark #exam-list .card:not(.in),.reveal-on .takvim-dark .hub-card:not(.in){opacity:0;transform:translateY(24px)}
.reveal-on .takvim-dark #exam-list .card.past:not(.in){opacity:0}
.reveal-on .takvim-dark #exam-list .card,.reveal-on .takvim-dark .hub-card{transition-delay:var(--d,0s),0s,0s,var(--d,0s)}
.takvim-dark .card:hover,.takvim-dark .hub-card:hover{transition-delay:0s!important}

/* ---------- Son çağrı ---------- */
body .cta{overflow:visible;isolation:isolate;color:#F8FAFC;border:1px solid rgba(255,255,255,.1);background:radial-gradient(60% 120% at 0% 100%,rgba(245,158,11,.10),transparent 60%),radial-gradient(70% 140% at 100% 0%,rgba(245,184,65,.14),transparent 60%),linear-gradient(135deg,rgba(2,6,23,.8),rgba(15,23,42,.72));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 120px -30px rgba(245,184,65,.35),0 40px 80px -40px rgba(0,0,0,.8)}
body .cta::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:115%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(245,184,65,.14),rgba(245,184,65,.04) 45%,transparent 72%);filter:blur(30px);pointer-events:none}
body .cta::after{display:none}
body .cta h2{color:#F8FAFC}
body .cta p:not(.eyebrow){color:#94A3B8}
body .cta .eyebrow{letter-spacing:.24em;color:rgba(251,191,36,.85);text-shadow:0 0 14px rgba(251,191,36,.35)}
body .cta .eyebrow::before{background:rgba(251,191,36,.85)}
/* Parlayan düğme (site.css .rehber .btn-glow ile aynı) */
body .cta .btn-glow{position:relative;z-index:1;overflow:hidden;isolation:isolate;padding:15px 28px;color:#FDE68A;background:linear-gradient(180deg,rgba(245,184,65,.16),rgba(245,184,65,.04)),#0F0C06;border:1px solid rgba(245,184,65,.75);text-shadow:0 0 12px rgba(253,230,138,.35);box-shadow:inset 0 1px 0 rgba(255,236,190,.18),0 0 0 1px rgba(245,184,65,.08),0 0 24px -4px rgba(245,184,65,.5),0 12px 32px -14px rgba(245,184,65,.6);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .2s,color .2s}
body .cta .btn-glow:hover{transform:scale(1.05);border-color:#FCD34D;color:#FEF3C7;box-shadow:inset 0 1px 0 rgba(255,236,190,.25),0 0 0 4px rgba(245,184,65,.14),0 0 44px -2px rgba(245,184,65,.75),0 18px 44px -12px rgba(245,184,65,.8)}
body .cta .btn-glow::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,236,190,.28) 50%,transparent 65%) no-repeat;background-size:250% 100%;animation:td-btn-shine 4s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
@keyframes td-btn-shine{0%,55%{background-position:150% 0}100%{background-position:-50% 0}}

/* ---------- Aklındaki sorular ---------- */
.takvim-dark #sss h2{color:var(--text)}
.takvim-dark .faq-lead{color:var(--muted)}
.takvim-dark details{background:var(--glass);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none;transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),transform .25s var(--ease-out)}
.takvim-dark details:hover{transform:none;background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.18);box-shadow:none}
.takvim-dark details[open]{border-color:rgba(245,184,65,.4);box-shadow:0 0 30px -14px rgba(245,184,65,.45)}
.takvim-dark summary{color:#F8FAFC}
.takvim-dark summary::after{border-color:var(--hair-2);color:var(--muted)}
.takvim-dark details[open] summary::after{color:var(--gold);border-color:rgba(245,184,65,.55)}
.takvim-dark details p{color:#94A3B8}
.takvim-dark .faq-meta a{color:var(--gold-2)}
.takvim-dark .faq-subhead{color:var(--faint);letter-spacing:.16em}
/* Sınav SSS kartları: rehber kartlarıyla aynı */
.takvim-dark .hub-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),var(--card);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 45%,transparent),var(--shadow);transition:transform .5s var(--ease-out),border-color .3s,box-shadow .4s,opacity .7s var(--ease-out)}
.takvim-dark .hub-card:hover,.takvim-dark .hub-card:focus-visible{transform:translateY(-4px);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 var(--accent),var(--shadow-hover)}
.takvim-dark .hub-card strong{color:var(--text)}
.takvim-dark .hub-card li{color:var(--muted)}
.takvim-dark .hub-count{color:var(--accent)}
.takvim-dark .hub-go{color:var(--text)}

@media(max-width:600px){body .cta::before{width:100%;height:140%}body .cta .btn-glow{justify-content:center}}

/* ---------- Açık görünüm (tema düğmesiyle): eski lacivert vurgular yerine siyah/amber ----------
   calendar.css'in açık teması (--neon #2B4BB0) yalnız bu sayfada amber/koyu griyle değişir. */
body:not(.takvim-dark){--neon:#A86C00;--accent:#A86C00;--accent-bg:rgba(209,143,18,.1);--primary-dark:#0F172A;--primary-bg:rgba(209,143,18,.1);
  background:radial-gradient(1100px 520px at 88% -8%,rgba(245,184,65,.12),transparent 62%),radial-gradient(900px 440px at -8% 2%,rgba(227,167,47,.10),transparent 60%),var(--bg);background-repeat:no-repeat;background-color:var(--bg)}
body:not(.takvim-dark) h1 em.shiny-text,body:not(.takvim-dark) .cta h2 em.shiny-text,body:not(.takvim-dark) #sss h2 em.shiny-text{--shimmer-width:220px;padding:0;color:#A86C00;background-image:linear-gradient(to right,transparent,rgba(255,231,168,.95) 50%,transparent),linear-gradient(#B97A06,#B97A06);background-size:var(--shimmer-width) 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:td-shimmer-h 4s infinite}
body:not(.takvim-dark) .cta h2 em.shiny-text{--shimmer-width:140px;background-image:linear-gradient(to right,transparent,rgba(255,255,255,.95) 50%,transparent),linear-gradient(#FFD98A,#FFD98A)}
body:not(.takvim-dark) .shiny-text{--shimmer-width:60px;color:color-mix(in srgb,currentColor 80%,transparent);background:linear-gradient(to right,transparent,#F5B841 50%,transparent) no-repeat 0 0/var(--shimmer-width) 100%;-webkit-background-clip:text;background-clip:text;animation:td-shimmer 8s infinite}
body:not(.takvim-dark) .hero .eyebrow{color:#0F172A}
body:not(.takvim-dark) .eyebrow::before{background:#F59E0B}
body:not(.takvim-dark) fieldset button:hover{color:#0F172A;border-color:rgba(15,23,42,.3)}
body:not(.takvim-dark) fieldset button[aria-pressed=true],body:not(.takvim-dark) fieldset button[aria-pressed=true]:hover{color:#fff;background:#0F172A;border-color:#0F172A;box-shadow:0 4px 14px -4px rgba(15,23,42,.45),inset 0 -2px 0 rgba(245,158,11,.55)}
body:not(.takvim-dark) input:focus{border-color:rgba(245,158,11,.7);box-shadow:0 0 0 2px rgba(245,158,11,.4),0 0 24px -8px rgba(245,158,11,.45)}
body:not(.takvim-dark) .cta{background:radial-gradient(60% 120% at 0% 100%,rgba(245,158,11,.12),transparent 60%),radial-gradient(70% 140% at 100% 0%,rgba(245,184,65,.18),transparent 60%),linear-gradient(135deg,rgba(2,6,23,.95),rgba(15,23,42,.92))}
#sss .eyebrow{color:#F59E0B;text-shadow:none}
#sss .eyebrow::before{background:#F59E0B}
#sss h2 em.shiny-text{--shimmer-width:160px;text-decoration:underline 2px rgba(245,158,11,.55);text-underline-offset:8px;text-decoration-skip-ink:none}
.takvim-dark details:hover{background:rgba(30,41,59,.5)}
body:not(.takvim-dark) details{background:#fff;border:1px solid #E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:background-color .25s,border-color .25s}
body:not(.takvim-dark) details:hover{transform:none;background:#F8FAFC;border-color:#CBD5E1;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body:not(.takvim-dark) summary{color:#0F172A}
body:not(.takvim-dark) details[open] summary::after{color:#B45309}
body:not(.takvim-dark) details[open]{border-color:rgba(209,143,18,.45)}
body:not(.takvim-dark) details[open] summary::after{border-color:rgba(209,143,18,.6)}
body:not(.takvim-dark) .faq-tag{background:rgba(209,143,18,.08);border-color:rgba(209,143,18,.3)}
body:not(.takvim-dark) .brand-mark{background:linear-gradient(135deg,#FFD98A,#E9A21F);color:#1C1405;box-shadow:0 4px 10px -3px rgba(245,184,65,.55)}

/* Hareket azaltma açıkken de efektler çalışır (kullanıcı kararı, 2026-10-11 —
   web-app/src/index.css ve site.css ile aynı). calendar.css o tercihte tüm geçişleri kapatıyor. */
@media(prefers-reduced-motion:reduce){
  .takvim-dark .shiny-text{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .takvim-dark h1 em.shiny-text,body .cta h2 em.shiny-text,#sss h2 em.shiny-text,body:not(.takvim-dark) h1 em.shiny-text,body:not(.takvim-dark) .cta h2 em.shiny-text{animation-duration:4s!important;animation-iteration-count:infinite!important}
  body:not(.takvim-dark) .shiny-text{animation-duration:8s!important;animation-iteration-count:infinite!important}
  .takvim-dark .card,.takvim-dark .hub-card{transition:transform .5s var(--ease-out),border-color .3s,box-shadow .4s,opacity .7s var(--ease-out)!important}
  .reveal-on .takvim-dark #exam-list .card,.reveal-on .takvim-dark .hub-card{transition-delay:var(--d,0s),0s,0s,var(--d,0s)!important}
  .takvim-dark .card:hover,.takvim-dark .card:focus-within,.takvim-dark .card:target,.takvim-dark .hub-card:hover{transform:translateY(-4px)}
  body:not(.takvim-dark) .card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s!important}
  body:not(.takvim-dark) .card:hover,body:not(.takvim-dark) .card:focus-within,body:not(.takvim-dark) .card:target{transform:translateY(-4px)}
  .takvim-dark .card::after,.takvim-dark .hub-card::after{transition:opacity .4s,background-position 0s .4s!important}
  .takvim-dark .card:hover::after,.takvim-dark .hub-card:hover::after{transition:opacity .4s,background-position .9s var(--ease-out)!important}
  .takvim-dark input,.takvim-dark fieldset button,.takvim-dark details,body:not(.takvim-dark) details{transition-duration:.3s!important}
  body:not(.takvim-dark) details:hover{transform:none}
  body .cta .btn-glow{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)!important}
  .sd-nav{transition:box-shadow .4s,border-color .4s,transform .5s cubic-bezier(.22,1,.36,1)!important}
  .sd-menu{transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1),visibility .2s!important}
  .sd-hover{transition:opacity .2s,transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1)!important}
  .sd-topbar .sd-links a,.sd-topbar .sd-links button,.sd-topbar .sd-theme,.sd-topbar .sd-cta{transition-duration:.2s!important}
}