:root{--bg-base:#08090a;--bg-panel:#0f1011;--bg-surface:#191a1b;--text-primary:#f7f8f8;--text-secondary:#d0d6e0;--text-muted:#8a8f98;--accent:#5e6ad2;--accent-hover:#7170ff;--border-standard:rgba(255,255,255,0.08)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6}
header{background:var(--bg-panel);border-bottom:1px solid var(--border-standard)}
.header-inner{max-width:800px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{height:36px}
.logo-text{font-size:16px;font-weight:600;color:var(--text-primary)}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{color:var(--text-secondary);font-size:13px;padding:6px 10px;border-radius:6px;text-decoration:none}
.nav-links a:hover{color:var(--text-primary);background:var(--bg-surface)}
.hero{max-width:800px;margin:0 auto;padding:60px 20px 40px;text-align:center}
.hero h1{font-size:36px;font-weight:590;margin-bottom:16px}
.hero p{color:var(--text-secondary);font-size:16px;max-width:600px;margin:0 auto}
.section{max-width:1000px;margin:0 auto;padding:40px 20px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:var(--bg-panel);border:1px solid var(--border-standard);border-radius:12px;padding:24px;transition:all .2s;text-decoration:none;color:var(--text-primary);display:block}
.card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-2px)}
.card h4{font-size:18px;font-weight:590;margin-bottom:8px}
.card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}
.read-more{color:var(--accent-hover);font-size:13px;font-weight:510}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border-standard);border-radius:999px;font-size:13px;color:var(--text-secondary);margin-bottom:20px}
.badge-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block}
.category-section{margin-bottom:48px}
.category-title{font-size:22px;font-weight:590;margin-bottom:20px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-standard)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.article-card{background:var(--bg-panel);border:1px solid var(--border-standard);border-radius:12px;padding:24px;transition:all .2s;text-decoration:none;color:var(--text-primary);display:block}
.article-card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-2px)}
.article-card h4{font-size:18px;font-weight:590;margin-bottom:8px;color:var(--text-primary)}
.article-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}
.article-tag{background:rgba(94,106,210,0.15);color:var(--accent-hover);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:510;display:inline-block;margin-bottom:12px}
article{max-width:720px;margin:0 auto;padding:40px 20px}
article h1{font-size:32px;font-weight:590;margin-bottom:16px;line-height:1.2}
article h2{font-size:22px;font-weight:590;margin:32px 0 16px;color:var(--text-primary)}
article p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:16px}
article ul{padding-left:24px;margin-bottom:16px}
article li{color:var(--text-secondary);margin-bottom:8px}
.warning{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:8px;padding:16px;margin:24px 0;font-size:14px;color:#fca5a5}
footer{border-top:1px solid var(--border-standard);padding:30px 20px;text-align:center}
.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none}
.footer-links a:hover{color:var(--text-primary)}
footer p{color:var(--text-muted);font-size:12px}
@media(max-width:768px){.hero h1{font-size:28px}article h1{font-size:24px}}
.category-section{margin-bottom:56px}
.category-title{font-size:20px;font-weight:590;margin-bottom:20px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-standard)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.article-card{background:var(--bg-panel);border:1px solid var(--border-standard);border-radius:12px;padding:24px;transition:all .2s;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:12px}
.article-card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-2px)}
.article-card h4{font-size:17px;font-weight:590;margin:0;color:var(--text-primary);line-height:1.4}
.article-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;flex-grow:1}
.article-tag{background:rgba(94,106,210,0.15);color:var(--accent-hover);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:510;display:inline-block;align-self:flex-start}
.read-more{color:var(--accent-hover);font-size:13px;font-weight:510;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.read-more:hover{text-decoration:underline}
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;justify-content:center;align-items:center;padding:20px}
.modal-overlay.active{display:flex}
.modal-content{background:var(--bg-panel);border:1px solid var(--border-standard);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px}
.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}
.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}
.modal-body{max-width:720px;margin:0 auto}
.modal-body h1{font-size:28px;font-weight:590;margin-bottom:16px;line-height:1.3}
.modal-body h2{font-size:20px;font-weight:590;margin:28px 0 14px;color:var(--text-primary)}
.modal-body p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:16px}
.modal-body ul{padding-left:24px;margin-bottom:16px}
.modal-body li{color:var(--text-secondary);margin-bottom:8px}
.warning{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:8px;padding:16px;margin:24px 0;font-size:14px;color:#fca5a5}
@media(max-width:768px){.modal-content{padding:24px}.modal-body h1{font-size:22px}}
/* Makale popup başlığı: <h1> yerine <h2 class="popup-title"> kullanılır (sayfada tek H1 kalsın diye).
   Masaüstünde eski popup <h1> başlığıyla aynı ölçüler; mobilde Fit Sağlık tasarımındaki 22px. */
.modal-body .popup-title{font-size:28px;font-weight:590;margin:0 0 16px;line-height:1.3;color:var(--fk-text,#f7f8fb)}
@media(max-width:768px){.modal-body .popup-title{font-size:22px}}