/* Eksperas blog — index.html tema değişkenleri ve nav/footer kalıbının okuma sayfası alt kümesi */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
:root { --abyss:#012624; --deep:#011d1c; --kelp:#003734; --mist:#edfffe; --platinum:#ffffff; --silver:#bbc7c6; --slate:#707777; --phosphor:#fde9ff;
  --aurora: linear-gradient(90deg, rgb(203,255,252) 0%, rgb(237,255,254) 26.25%, rgb(255,253,250) 47.57%, rgb(250,209,255) 88.96%);
  --biolum: linear-gradient(90deg, rgb(0,130,124) 0%, rgb(203,255,252) 100%); }
body { font-family:'Inter', ui-sans-serif, system-ui, sans-serif; background:var(--abyss); color:var(--platinum); -webkit-font-smoothing:antialiased; line-height:1.5; overflow-x:hidden; }
a { color: inherit; }
nav { position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(1,38,36,0.9); backdrop-filter:blur(12px); }
.nav-inner { max-width:1440px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 48px; height:80px; }
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo-text { font-size:17px; font-weight:500; color:var(--platinum); letter-spacing:-0.3px; }
.nav-links { display:flex; align-items:center; gap:24px; }
.nav-links a { font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:0.12em; color:var(--silver); text-decoration:none; transition:color .2s; }
.nav-links a:hover, .nav-links a.active { color:var(--platinum); }
.btn-aurora { display:inline-block; background:var(--aurora); color:#222; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.08em; text-decoration:none; padding:14px 22px; border-radius:6px; border:none; cursor:pointer; font-family:'Inter',sans-serif; transition:opacity .2s; }
.btn-aurora:hover { opacity:.88; }
.btn-kelp { display:inline-block; background:var(--kelp); color:var(--platinum); font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.08em; text-decoration:none; padding:14px 22px; border-radius:6px; transition:background .2s; }
.btn-kelp:hover { background:#004a45; }
main { padding:160px 48px 120px; }
.read { max-width:760px; margin:0 auto; }
.section-label { font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.12em; color:var(--silver); margin-bottom:24px; }
.crumbs { font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--slate); margin-bottom:28px; display:flex; gap:10px; flex-wrap:wrap; }
.crumbs a { text-decoration:none; } .crumbs a:hover { color:var(--platinum); }
.title { font-size:clamp(34px,4.6vw,52px); font-weight:500; letter-spacing:-0.04em; line-height:1.04; color:var(--platinum); margin-bottom:22px; }
.lead { font-size:19px; color:var(--silver); margin-bottom:26px; line-height:1.5; }
.meta { display:flex; gap:16px; flex-wrap:wrap; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--slate); padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,0.08); margin-bottom:40px; }
article h2 { font-size:26px; font-weight:500; letter-spacing:-0.03em; line-height:1.15; margin:44px 0 14px; color:var(--platinum); }
article p { font-size:17px; color:#dfe9e8; margin-bottom:18px; }
article ul { list-style:none; margin:0 0 22px; }
article li { position:relative; padding-left:24px; font-size:17px; color:#dfe9e8; margin-bottom:10px; }
article li::before { content:'→'; position:absolute; left:0; top:0; color:#7fe7e0; }
article strong { color:var(--platinum); font-weight:500; }
.callout { border:1px solid rgba(255,255,255,0.10); background:var(--kelp); border-radius:10px; padding:22px 26px; margin:26px 0 34px; }
.callout .k { display:block; font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:#7fe7e0; margin-bottom:8px; }
table.sla { width:100%; border-collapse:collapse; margin:10px 0 26px; font-size:15.5px; }
table.sla th, table.sla td { text-align:left; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,0.08); }
table.sla th { font-weight:500; color:var(--silver); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; }
.cta-card { margin-top:56px; padding:40px; border-radius:12px; background:var(--deep); border:1px solid rgba(255,255,255,0.08); }
.cta-card h2 { font-size:28px; font-weight:500; letter-spacing:-0.03em; margin:0 0 10px; }
.cta-card p { color:var(--silver); margin-bottom:22px; font-size:16px; }
.post-list { display:grid; gap:20px; margin-top:8px; }
.post-card { display:block; padding:30px 32px; border-radius:12px; background:var(--deep); border:1px solid rgba(255,255,255,0.08); text-decoration:none; transition:border-color .2s, transform .2s; }
.post-card:hover { border-color:rgba(127,231,224,0.5); transform:translateY(-2px); }
.post-card .tag { font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:#7fe7e0; }
.post-card h2 { font-size:24px; font-weight:500; letter-spacing:-0.03em; margin:10px 0 10px; line-height:1.15; }
.post-card p { color:var(--silver); font-size:15.5px; }
.post-card .more { display:inline-block; margin-top:14px; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--platinum); }
footer { background:var(--deep); padding:80px 48px 48px; }
.footer-inner { max-width:1344px; margin:0 auto; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding-top:36px; border-top:1px solid rgba(255,255,255,0.06); font-size:13px; color:var(--slate); }
.footer-links { display:flex; gap:20px; } .footer-links a { color:var(--slate); text-decoration:none; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; } .footer-links a:hover { color:var(--platinum); }
@media (max-width:860px) { .nav-inner { padding:0 20px; } .nav-links { display:none; } main { padding:120px 20px 80px; } footer { padding:60px 20px 40px; } .cta-card { padding:28px 22px; } }