/* Self-contained styles for the GymExec blog (SEO content pages). */
:root{
  --bg:#050505; --text:#cbd5e1; --muted:#a1a1aa; --primary:#6366f1; --link:#818cf8;
  --border:rgba(255,255,255,0.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Inter',system-ui,-apple-system,sans-serif; line-height:1.8; font-size:17px;
}
.nav{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:16px 6%; border-bottom:1px solid var(--border);
  position:sticky; top:0; background:rgba(5,5,5,0.85); backdrop-filter:blur(10px); z-index:10;
}
.nav .links a{color:var(--muted); text-decoration:none; margin-left:18px; font-size:14px; font-weight:600;}
.nav .links a:hover{color:#fff}
.brand{color:#fff; font-weight:800; font-size:18px; text-decoration:none;}
.btn{
  background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff !important; padding:9px 16px;
  border-radius:10px; text-decoration:none; font-weight:700; font-size:14px; white-space:nowrap;
}
article{max-width:760px; margin:0 auto; padding:48px 24px 56px;}
article h1{font-size:34px; line-height:1.25; color:#fff; margin:10px 0 14px; letter-spacing:-0.5px;}
article h2{font-size:24px; color:#fff; margin:38px 0 10px;}
article h3{font-size:19px; color:#fff; margin:26px 0 8px;}
article p, article li{color:#cbd5e1;}
article ul{padding-left:22px;}
article li{margin-bottom:8px;}
article a{color:var(--link);}
.meta{color:var(--muted); font-size:14px; margin:0;}
.cta{margin:44px 0 0; padding:28px; border:1px solid rgba(99,102,241,0.3); border-radius:16px;
  background:rgba(99,102,241,0.07); text-align:center;}
.cta h3{margin:0 0 8px; color:#fff;}
.cta p{margin:0 0 16px;}
/* Blog index cards */
.posts{max-width:820px; margin:0 auto; padding:40px 24px 56px; display:grid; gap:18px;}
.post-card{display:block; padding:24px; border:1px solid var(--border); border-radius:16px;
  background:rgba(255,255,255,0.02); text-decoration:none; transition:border-color .2s, background .2s;}
.post-card:hover{border-color:rgba(99,102,241,0.4); background:rgba(99,102,241,0.05);}
.post-card h2{color:#fff; margin:0 0 8px; font-size:21px;}
.post-card p{color:var(--muted); margin:0; font-size:15px;}
footer{border-top:1px solid var(--border); padding:30px 6%; text-align:center; color:var(--muted); font-size:13px;}
footer a{color:var(--muted); text-decoration:none; margin:0 10px;}
footer a:hover{color:#fff}