/* Global site-wide skin for "Modern Tech Blog" — cyan accent, dark-leaning. */
:root{--primary:#0891b2;--primary-light:#e0f7fa;--bg:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--radius:14px;--shadow:0 4px 20px rgba(8,145,178,.08);--font-heading:'Space Grotesk',sans-serif;--font-body:'Inter',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#0a0e1a;--surface:#111827;--surface-alt:#151f30;--text:#e2e8f0;--text-muted:#8b95a8;--border:#1f2937;--primary:#06b6d4;--primary-light:#0e2a30;}

/* ── Layout DNA ── glowing pills, split hero, tech-card hover lift */
.btn{border-radius:999px;box-shadow:0 4px 14px rgba(8,145,178,.25);}
.main-nav a{border-radius:999px;}
.main-nav a:hover,.main-nav a.active{box-shadow:0 2px 10px rgba(8,145,178,.2);}
.site-header{backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.hero{text-align:left;padding:80px 20px;background:radial-gradient(circle at 80% 20%,var(--primary-light),transparent 60%);}
.hero .container{display:flex;flex-direction:column;align-items:flex-start;max-width:760px;}
.hero::before,.hero::after{background:var(--primary);opacity:.15;}
.card{border-radius:14px;}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(8,145,178,.16);}
.stat-num{font-family:var(--font-heading);}