*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:20px} /* Increased base font size for better projection visibility */
body{font-family:'Inter',system-ui,sans-serif;background:#0a0e1a;color:#e2e8f0;overflow:hidden;height:100vh;width:100vw;line-height:1.5}

/* PROGRESS & NAV */
#progress-bar{position:fixed;top:0;left:0;height:4px;z-index:100;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);transition:width .4s}
#slide-counter{position:fixed;bottom:24px;right:32px;z-index:100;font-size:.85rem;color:#64748b;font-variant-numeric:tabular-nums;font-weight:600}
#nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:16px}
#nav button{width:48px;height:48px;border-radius:50%;border:2px solid #1e293b;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);color:#94a3b8;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}
#nav button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}

/* SLIDES */
.slide{position:fixed;inset:0;display:none;align-items:center;justify-content:center}
.slide.active{display:flex;opacity:1;animation:slideIn .4s ease-out}
.slide-inner{width:min(1200px,92vw);padding:2rem;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;}
@keyframes slideIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

/* HERO */
[data-bg="hero"]{background:radial-gradient(ellipse at 50% 50%,#0f172a 0%,#0a0e1a 100%)}
.hero-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23ffffff08'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:2;text-align:center}
.hero-event{font-size:.85rem;color:#94a3b8;letter-spacing:4px;text-transform:uppercase;margin-bottom:1.5rem;font-weight:600}
.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem;color:#f8fafc}
.hero-sub{font-size:1.4rem;color:#94a3b8;font-weight:400;margin-bottom:3rem}
.author-block{margin-top:2rem}
.author-line{width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4);margin:0 auto 1rem;border-radius:2px}
.author-block p{font-size:1.1rem;color:#cbd5e1;font-weight:500}
.author-role{font-size:.9rem!important;color:#64748b!important;margin-top:.4rem}
.closing{font-size:clamp(3.5rem,9vw,6.5rem)}
.accent{background:linear-gradient(135deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* PARTICLES */
.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.particle{position:absolute;border-radius:50%;opacity:.4;animation:float 8s infinite ease-in-out}
@keyframes float{0%,100%{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-60px) scale(1.4);opacity:.7}}

/* TYPOGRAPHY */
h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:2.5rem;text-align:center;color:#f8fafc;letter-spacing:-0.5px}
h3{font-size:1.2rem;font-weight:700;margin-bottom:.8rem;color:#f1f5f9}
ul{padding-left:1.5rem;margin-bottom:1rem}
li{margin-bottom:0.8rem;color:#cbd5e1}

/* REFERENCE */
.reference{text-align:center;font-size:0.75rem;color:#475569;margin-top:2.5rem;font-style:italic}

/* STATS */
.stat-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.stat-card{text-align:center;padding:2rem 2.5rem;background:rgba(30,41,59,.4);border:1px solid rgba(56,189,248,.15);border-radius:16px;animation:fadeUp .5s ease both;animation-delay:calc(var(--i)*.15s)}
.stat-num{font-size:4rem;font-weight:900;display:inline;background:linear-gradient(135deg,#3b82f6,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-unit{display:inline;font-size:1.8rem;font-weight:700;color:#38bdf8;margin-left:5px}
.stat-card p{font-size:.9rem;color:#94a3b8;margin-top:.8rem;font-weight:500;line-height:1.4}

/* CALLOUT */
.callout{display:flex;align-items:center;gap:18px;padding:20px 24px;background:rgba(59,130,246,.08);border-left:4px solid #3b82f6;border-radius:0 12px 12px 0;margin:1.5rem auto 0;max-width:900px}
.callout.tip{border-left-color:#38bdf8;background:rgba(56,189,248,.08)}
.ci{font-size:1.8rem}
.callout p{font-size:1rem;line-height:1.6;color:#e2e8f0}

/* TWO COL */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}
.col-card{padding:2rem;background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);border-radius:12px}
.col-card li{font-size:1rem}

/* INFOGRAPHIC FLOW (Inflammaging) */
.infographic-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}
.info-box{text-align:center;padding:1.5rem 1rem;background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:220px;animation:fadeUp .4s ease both;animation-delay:calc(var(--i)*.15s)}
.info-box.alert{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}
.info-box.alert h3{color:#fca5a5}
.info-box h3{font-size:1.1rem;margin-bottom:0.5rem}
.info-box p{font-size:0.85rem;color:#94a3b8;line-height:1.4}
.info-arrow{font-size:2rem;color:#475569;font-weight:700}

/* FRAIL */
.frail-grid{display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto}
.frail-item{display:flex;align-items:center;gap:20px;padding:16px 24px;background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);border-radius:12px;font-size:1.05rem;animation:fadeUp .35s ease both;animation-delay:calc(var(--i)*.1s)}
.fl{font-size:2.2rem;font-weight:900;min-width:50px;text-align:center;background:linear-gradient(135deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.frail-score{text-align:center;margin:1.5rem auto 0;padding:14px;background:rgba(56,189,248,.1);border-radius:8px;font-weight:600;font-size:0.9rem;color:#38bdf8;max-width:800px}

/* CFS */
.cfs-scale{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}
.cfs-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;min-width:90px;border-radius:12px;background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);transition:transform .2s}
.cfs-item:hover{transform:translateY(-5px)}
.cfs-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#0a0e1a;background:var(--c);box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.cfs-item span:last-child{font-size:.75rem;text-align:center;color:#cbd5e1;font-weight:500}

.cfs-groups{display:flex;gap:20px;justify-content:center;margin-bottom:1.5rem;align-items:stretch;}
.cfs-group{flex:1;background:rgba(30,41,59,.3);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem 1rem;text-align:center;max-width:300px;}
.cfs-group:nth-child(1){border-top:4px solid #4ade80;}
.cfs-group:nth-child(2){border-top:4px solid #fb923c;}
.cfs-group:nth-child(3){border-top:4px solid #ef4444;}
.group-title{font-size:1.1rem;margin-bottom:0.4rem;font-weight:700;}
.group-desc{font-size:0.85rem;color:#94a3b8;margin-bottom:1.5rem;min-height:2.5rem;line-height:1.4;}
.cfs-scale.sub{margin-bottom:0;gap:6px;}
.cfs-scale.sub .cfs-item{min-width:70px;padding:12px 6px;}

/* DEPRESCRIBING */
.dep-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto;align-items:center}
.big-text{font-size:1.3rem;font-weight:300;line-height:1.5;margin-bottom:1.5rem;color:#f8fafc}
.big-text strong{font-weight:700;color:#38bdf8}
.dep-text ul{font-size:0.95rem;color:#cbd5e1}
.dep-list{background:rgba(30,41,59,.5);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}
.dep-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.dep-item:last-child{border-bottom:none}
.dep-item span:first-child{font-weight:600;font-size:0.95rem}
.dep-warn{font-size:0.8rem;background:rgba(239,68,68,.15);color:#fca5a5;padding:4px 10px;border-radius:20px;font-weight:600}

/* FUTURE GRID */
.future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}
.fut-card{text-align:center;padding:2rem 1.5rem;background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.05);border-radius:16px}
.fut-icon{font-size:2.5rem;margin-bottom:1rem}
.fut-card h3{color:#38bdf8;font-size:1.2rem}
.fut-card p{font-size:0.85rem;color:#94a3b8;line-height:1.5}

/* SURPRISE Q */
.surprise-q{text-align:center;font-size:1.4rem;font-style:italic;color:#e2e8f0;padding:2rem;margin-bottom:2rem;background:rgba(255,255,255,.02);border-radius:12px}
.sq-flow{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.sq-box{padding:24px;border-radius:12px;text-align:center}
.sq-box h3{font-size:1.3rem;margin-bottom:1rem}
.sq-box p{font-size:0.95rem;line-height:1.5}
.sq-box.yes{background:rgba(34,197,94,.1);border:2px solid rgba(34,197,94,.3);color:#e2e8f0}
.sq-box.yes h3{color:#4ade80}
.sq-box.no{background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);color:#e2e8f0}
.sq-box.no h3{color:#f87171}

/* ALGORITHM */
.algo-flow{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.algo-step{display:flex;align-items:center;gap:20px;padding:18px 24px;width:100%;background:rgba(30,41,59,.6);border:1px solid rgba(56,189,248,.2);border-radius:12px;animation:fadeUp .4s ease both;animation-delay:calc(var(--i)*.15s)}
.algo-n{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;background:#3b82f6;color:#fff;flex-shrink:0}
.algo-step div{font-size:0.9rem;color:#e2e8f0;line-height:1.4}
.algo-step strong{color:#38bdf8;font-size:1rem;display:block;margin-bottom:0.2rem}
.algo-a{color:#475569;font-size:1.5rem;margin:6px 0;font-weight:900}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* CASCADE FLOW (Prescribing Cascade) */
.cascade-wrapper{max-width:900px;margin:2rem auto 0;display:flex;flex-direction:column;align-items:center}
.cascade-flow{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}
.cascade-item{text-align:center;padding:1.5rem;background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:200px;animation:fadeUp .4s ease both;animation-delay:calc(var(--i)*.15s);flex:1}
.cascade-item.med{border-top:4px solid #3b82f6;background:rgba(59,130,246,.05)}
.cascade-item.se{border-top:4px solid #ef4444;background:rgba(239,68,68,.05)}
.cascade-item h3{font-size:1.1rem;margin-bottom:0.5rem;color:#f8fafc}
.cascade-item.se h3{color:#fca5a5}
.cascade-item p{font-size:0.85rem;color:#94a3b8;line-height:1.4}
.cascade-arrow{font-size:2rem;color:#ef4444;font-weight:700;display:flex;align-items:center;animation:fadeUp .4s ease both;animation-delay:calc(var(--i)*.15s)}

/* ============================================ */
/* 2. AÇILIŞ VAKASI — HATICE TEYZE              */
/* ============================================ */
.case-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;max-width:1100px;margin:0 auto 1.2rem;align-items:stretch}
.case-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.2rem 1.3rem;display:flex;flex-direction:column}
.case-card.primary{border-top:3px solid #38bdf8}
.case-card.warn{border-top:3px solid #facc15}
.case-card.meds{border-top:3px solid #fb923c}
.case-card h3{font-size:1.05rem;margin-bottom:0.6rem;color:#f8fafc}
.case-icon{font-size:2.2rem;margin-bottom:0.4rem;text-align:center}
.case-list{list-style:none;padding:0;margin:0}
.case-list li{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06);color:#cbd5e1;font-size:0.88rem;line-height:1.4}
.case-list li:last-child{border-bottom:none}
.med-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:0.4rem}
.med-pill{font-size:0.78rem;padding:5px 10px;border-radius:20px;background:rgba(56,189,248,.1);color:#bae6fd;border:1px solid rgba(56,189,248,.25);font-weight:500}
.med-pill.warn{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.3)}

/* ============================================ */
/* 3. KOMORBIDITE / DISABILITE / KIRILGANLIK ÜÇGENİ */
/* ============================================ */
.triangle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:0 auto 0.8rem}
.tri-card{background:rgba(30,41,59,.4);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.1rem;text-align:center}
.tri-card .tri-h{font-size:1rem;font-weight:700;color:#f1f5f9;margin-bottom:0.4rem}
.tri-card .tri-b{font-size:0.85rem;color:#cbd5e1;margin-bottom:0.4rem;line-height:1.4}
.tri-card .tri-ex{font-size:0.78rem;color:#94a3b8;font-style:italic}
.tri-card.accent-card{border:1px solid rgba(56,189,248,.4);background:rgba(56,189,248,.08);box-shadow:0 0 24px rgba(56,189,248,.08)}
.tri-card.accent-card .tri-h{color:#7dd3fc}

/* ============================================ */
/* 6. FİZİKSEL PERFORMANS TESTLERİ PANELİ        */
/* ============================================ */
.perf-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1100px;margin:0 auto 1rem}
.perf-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 0.8rem;text-align:center;border-top:3px solid #38bdf8}
.perf-icon{font-size:1.8rem;margin-bottom:0.3rem}
.perf-name{font-size:0.85rem;color:#cbd5e1;font-weight:600;margin-bottom:0.4rem;line-height:1.3}
.perf-cut{font-size:1rem;color:#facc15;margin-bottom:0.3rem}
.perf-note{font-size:0.72rem;color:#94a3b8;font-style:italic}

/* ============================================ */
/* 7. AYIRICI TANI GRID                          */
/* ============================================ */
.dx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto 1rem}
.dx-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem 1.1rem;border-left:3px solid #f87171}
.dx-h{font-size:1rem;color:#f8fafc;font-weight:700;margin-bottom:0.5rem}
.dx-b{font-size:0.85rem;color:#cbd5e1;line-height:1.4;margin-bottom:0.5rem;min-height:2.4rem}
.dx-test{font-size:0.78rem;color:#7dd3fc;background:rgba(56,189,248,.1);padding:4px 10px;border-radius:6px;display:inline-block;font-weight:600}

/* ============================================ */
/* 10. TEDAVİ 3-KOLON GRID                       */
/* ============================================ */
.treatment-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;max-width:1150px;margin:0 auto 1rem;align-items:stretch}
.tx-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column}
.tx-card.add{border-top:3px solid #10b981}
.tx-card.remove{border-top:3px solid #f87171}
.tx-card.pearl{border-top:3px solid #facc15}
.tx-h{font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:0.3rem}
.tx-sub{font-size:0.8rem;color:#94a3b8;margin-bottom:0.7rem;font-style:italic}
.tx-list{list-style:none;padding:0;margin:0;flex:1}
.tx-list li{padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:0.85rem;color:#cbd5e1;line-height:1.45}
.tx-list li:last-child{border-bottom:none}
.tx-warn{display:inline-block;font-size:0.72rem;color:#fca5a5;background:rgba(239,68,68,.12);padding:2px 8px;border-radius:6px;margin-left:4px;font-weight:600}
.tx-foot{font-size:0.78rem;color:#94a3b8;margin-top:0.6rem;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,.06)}
.cascade-mini{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:0.5rem;font-size:0.75rem}
.cm-step{padding:4px 8px;border-radius:6px;background:rgba(59,130,246,.15);color:#bfdbfe;font-weight:600}
.cm-step.se{background:rgba(239,68,68,.15);color:#fca5a5}
.cm-arrow{color:#475569;font-weight:700}

/* ============================================ */
/* 12. ALGORİTMA + HATICE TEYZE GERİ DÖNÜŞ       */
/* ============================================ */
.algo-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto 1rem;align-items:start}
.case-apply{background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:1.1rem 1.2rem}
.ca-header{font-size:1rem;font-weight:700;color:#7dd3fc;margin-bottom:0.8rem;text-align:center;padding-bottom:0.6rem;border-bottom:1px solid rgba(56,189,248,.2)}
.ca-step{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:0.85rem;color:#cbd5e1;line-height:1.4}
.ca-step:last-child{border-bottom:none}
.ca-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#38bdf8;color:#0a0e1a;font-weight:800;font-size:0.85rem;display:flex;align-items:center;justify-content:center}
.ca-step strong{color:#f8fafc}

.takehome-card{display:flex;align-items:center;gap:18px;max-width:1100px;margin:0.5rem auto 0;padding:18px 22px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(56,189,248,.08));border:1px solid rgba(34,197,94,.25);border-radius:14px}
.th-icon{font-size:2rem;flex-shrink:0}
.th-body{font-size:0.95rem;line-height:1.5;color:#e2e8f0}
.th-body strong{color:#86efac}

/* ============================================ */
/* 13. KAPANIŞ — KAYNAKLAR + ALINTI              */
/* ============================================ */
.closing-refs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:0.78rem;color:#64748b;font-style:italic;margin-bottom:1.5rem;padding:0.7rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);max-width:780px;margin-left:auto;margin-right:auto}
.closing-quote{font-size:1.25rem;line-height:1.6;font-style:italic;color:#e2e8f0;max-width:840px;margin:0 auto;padding-top:0.5rem;display:flex;flex-direction:column;align-items:center}
.closing-quote strong{color:#7dd3fc;font-weight:700;font-style:italic}
.quote-en{display:block;font-size:0.85rem;color:#64748b;font-style:italic;margin-top:0.6rem;letter-spacing:0.2px;font-weight:300}
.quote-author{font-size:1rem;font-weight:600;font-style:normal;color:#f8fafc;display:block;margin-top:1.2rem}
.quote-source{display:block;font-size:0.78rem;color:#94a3b8;font-weight:400;margin-top:0.3rem;letter-spacing:0.3px}

/* ============================================ */
/* KONUŞMACI NOTLARI PANELİ                      */
/* ============================================ */
#btn-notes{font-size:1.05rem!important;font-weight:700}
#notes-panel{position:fixed;bottom:90px;right:24px;width:min(420px,90vw);max-height:50vh;background:rgba(15,23,42,.97);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:0;z-index:99;display:none;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;flex-direction:column}
#notes-panel.open{display:flex;animation:notesIn .25s ease-out}
@keyframes notesIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.notes-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(56,189,248,.1);border-bottom:1px solid rgba(56,189,248,.2);font-size:0.85rem;font-weight:700;color:#7dd3fc;letter-spacing:0.5px;text-transform:uppercase}
.notes-close{background:none;border:none;color:#94a3b8;font-size:1.4rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}
.notes-close:hover{background:rgba(239,68,68,.15);color:#f87171}
#notes-body{padding:14px 18px;font-size:0.9rem;line-height:1.55;color:#cbd5e1;overflow-y:auto;flex:1}
.notes-hint{padding:8px 16px;background:rgba(0,0,0,.25);font-size:0.7rem;color:#64748b;text-align:center;letter-spacing:0.4px}

/* ============================================ */
/* 2v2. KARŞILAŞTIRMALI VAKA (HATICE vs AHMET)   */
/* ============================================ */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto 1.2rem;align-items:stretch}
.compare-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.4rem 1.6rem;display:flex;flex-direction:column;position:relative;overflow:hidden}
.compare-card.frail{border-top:4px solid #f87171;background:linear-gradient(180deg,rgba(239,68,68,.06),rgba(30,41,59,.45) 60%)}
.compare-card.fit{border-top:4px solid #10b981;background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(30,41,59,.45) 60%)}
.cc-header{display:flex;align-items:center;gap:14px;margin-bottom:0.9rem;padding-bottom:0.8rem;border-bottom:1px solid rgba(255,255,255,.06)}
.cc-avatar{font-size:2.6rem;line-height:1}
.cc-meta{flex:1}
.cc-name{font-size:1.25rem;font-weight:700;color:#f8fafc;letter-spacing:-0.3px}
.cc-tag{display:inline-block;font-size:0.72rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;margin-top:4px}
.frail-tag{background:rgba(239,68,68,.15);color:#fca5a5}
.fit-tag{background:rgba(16,185,129,.15);color:#6ee7b7}
.cc-list{list-style:none;padding:0;margin:0;flex:1}
.cc-list li{padding:7px 0;font-size:0.92rem;color:#cbd5e1;line-height:1.45;border-bottom:1px dashed rgba(255,255,255,.05)}
.cc-list li:last-child{border-bottom:none}
.cc-list .hot{color:#fca5a5;font-weight:700}
.cc-list .cool{color:#6ee7b7;font-weight:700}
.cc-frail{margin-top:0.8rem;text-align:center;padding:8px 14px;font-size:0.95rem;font-weight:700;border-radius:8px;letter-spacing:0.5px}
.compare-card.frail .cc-frail{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.25)}
.compare-card.fit .cc-frail{background:rgba(16,185,129,.12);color:#6ee7b7;border:1px solid rgba(16,185,129,.25)}

/* ============================================ */
/* 5. BUZDAĞI — ICEBERG LAYOUT                   */
/* ============================================ */
.iceberg-container{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;max-width:1100px;margin:0 auto 1rem;align-items:center}
.iceberg-side{display:flex;flex-direction:column;gap:10px}
.iceberg-label{font-size:0.78rem;font-weight:700;letter-spacing:1.2px;color:#7dd3fc;text-transform:uppercase;text-align:center;padding-bottom:8px;border-bottom:1px dashed rgba(56,189,248,.3)}
.iceberg-label.hidden-lbl{color:#fda4af;border-color:rgba(244,114,182,.3)}
.lbl-sub{color:#94a3b8;font-weight:500;letter-spacing:0.5px;text-transform:none;margin-left:4px}
.iceberg-items{display:flex;flex-direction:column;gap:8px}
.ice-item{padding:10px 14px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);border-radius:10px;font-size:0.92rem;color:#e2e8f0;font-weight:500}
.ice-item.under{background:rgba(15,23,42,.6);border-color:rgba(244,114,182,.18);color:#cbd5e1;font-style:italic}
.iceberg-svg-wrap{width:140px;display:flex;align-items:center;justify-content:center}
.iceberg-svg{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(56,189,248,.15))}

/* ============================================ */
/* 12v2. CASES STACK (Hatice + Ahmet apply)      */
/* ============================================ */
.cases-stack{display:flex;flex-direction:column;gap:12px}
.case-apply.frail-bordered{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.05)}
.case-apply.frail-bordered .ca-header{color:#fca5a5;border-color:rgba(239,68,68,.2)}
.case-apply.frail-bordered .ca-n{background:#f87171}
.case-apply.fit-bordered{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.05)}
.case-apply.fit-bordered .ca-header{color:#6ee7b7;border-color:rgba(16,185,129,.2)}
.case-apply.fit-bordered .ca-n{background:#10b981}
.ca-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:0.84rem;color:#cbd5e1;line-height:1.4;border-bottom:1px dashed rgba(255,255,255,.05)}
.ca-row:last-child{border-bottom:none}
.ca-row.compact{padding:4px 0;font-size:0.82rem}
.ca-row strong{color:#f8fafc}

/* ============================================ */
/* 13. YAYGIN YANLIŞLAR                          */
/* ============================================ */
.myth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:0 auto 1rem}
.myth-card{background:rgba(30,41,59,.45);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;position:relative;overflow:hidden}
.myth-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444 0%,#ef4444 50%,#10b981 50%,#10b981 100%)}
.myth-row{display:flex;align-items:flex-start;gap:12px;font-size:0.92rem;line-height:1.55}
.myth-row.myth-bad{padding-bottom:0.7rem;margin-bottom:0.7rem;border-bottom:1px dashed rgba(239,68,68,.2)}
.myth-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:0.9rem;margin-top:2px}
.myth-x{background:rgba(239,68,68,.2);color:#fca5a5}
.myth-v{background:rgba(16,185,129,.2);color:#6ee7b7}
.myth-text{flex:1;display:block}
.myth-bad .myth-text{color:#94a3b8;text-decoration:line-through;text-decoration-color:rgba(239,68,68,.55);text-decoration-thickness:2px;text-decoration-skip-ink:none}
.myth-bad .myth-text strong{color:#cbd5e1;font-weight:600}
.myth-good .myth-text{color:#e2e8f0}
.myth-good .myth-text strong{color:#86efac;font-weight:700}

/* ============================================ */
/* CASCADE-MINI SEQUENTIAL ANIMATION             */
/* ============================================ */
.slide.active .cascade-mini .cm-step,
.slide.active .cascade-mini .cm-arrow{animation:cmFade .5s ease both}
.cascade-mini .cm-step:nth-child(1){animation-delay:.1s}
.cascade-mini .cm-arrow:nth-child(2){animation-delay:.3s}
.cascade-mini .cm-step:nth-child(3){animation-delay:.5s}
.cascade-mini .cm-arrow:nth-child(4){animation-delay:.7s}
.cascade-mini .cm-step:nth-child(5){animation-delay:.9s}
.cascade-mini .cm-arrow:nth-child(6){animation-delay:1.1s}
.cascade-mini .cm-step:nth-child(7){animation-delay:1.3s}
@keyframes cmFade{
  0%{opacity:0;transform:translateX(-8px) scale(0.92)}
  100%{opacity:1;transform:translateX(0) scale(1)}
}

/* ============================================ */
/* RESPONSIVE                                    */
/* ============================================ */
@media(max-width:768px){
  .two-col, .dep-container, .future-grid, .sq-flow, .cfs-groups, .case-grid, .triangle-grid, .perf-panel, .dx-grid, .treatment-grid, .algo-case-grid, .compare-grid, .myth-grid{grid-template-columns:1fr; flex-direction:column}
  .iceberg-container{grid-template-columns:1fr;gap:16px}
  .iceberg-svg-wrap{width:100px;margin:0 auto}
  .infographic-flow, .cascade-flow{flex-direction:column;align-items:center}
  .info-arrow, .cascade-arrow{transform:rotate(90deg)}
  .cfs-group{max-width:100%}
  html{font-size:16px}
  #notes-panel{right:12px;left:12px;width:auto;bottom:90px}
}

/* ============================================ */
/* REDUCED MOTION (vestibüler hassasiyet)        */
/* ============================================ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .particle { display: none !important; }
  .hero-particles { display: none !important; }
}

@media print {
  @page { size: landscape; margin: 0; }
  html, body { height: auto !important; width: 100% !important; overflow: visible !important; background: #fff !important; margin: 0 !important; padding: 0 !important; }
  .slide { 
    display: block !important; 
    position: relative !important; 
    opacity: 1 !important; 
    page-break-after: always !important; 
    page-break-inside: avoid !important;
    height: auto !important; 
    min-height: 100vh !important;
    width: 100vw !important;
    overflow: visible !important; 
    background: #fff !important; 
    inset: auto !important;
    padding: 2rem !important;
    box-sizing: border-box !important;
  }
  .slide-inner { display: block !important; max-height: none !important; overflow: visible !important; width: 100% !important; margin: 0 auto !important; }
  #nav, #progress-bar, #slide-counter { display: none !important; }
  * { color: #000 !important; text-shadow: none !important; box-shadow: none !important; }
  .accent { -webkit-text-fill-color: #000 !important; }
  .cfs-num { background: #eee !important; border: 1px solid #000; -webkit-print-color-adjust: exact; color-adjust: exact; }
  .frail-item, .stat-card, .col-card, .cfs-group, .cascade-item, .dep-list, .fut-card, .sq-box, .info-box,
  .case-card, .tri-card, .perf-card, .dx-card, .tx-card, .case-apply, .takehome-card,
  .compare-card, .myth-card, .ice-item { background: #fff !important; border: 2px solid #333 !important; -webkit-print-color-adjust: exact; color-adjust: exact; }
  .iceberg-svg-wrap { display: none !important; }
  .myth-bad { text-decoration: line-through !important; }
  .hero-overlay, .hero-particles { display: none !important; }
  #notes-panel, #btn-notes { display: none !important; }
  /* Zorunlu arka plan renklerini PDF'e geçirmek için */
  .sq-box.yes { background: #e8f5e9 !important; border-color: #4caf50 !important; }
  .sq-box.no { background: #ffebee !important; border-color: #f44336 !important; }
  .med-pill { border: 1px solid #666 !important; background: #f5f5f5 !important; }
  .tx-warn, .dx-test { border: 1px solid #999 !important; background: #f0f0f0 !important; }
  .cm-step { border: 1px solid #666 !important; background: #f5f5f5 !important; padding: 4px 8px !important; }
  .cm-arrow { color: #333 !important; }
}