:root{--g1:#16a34a;--g2:#22c55e;--g3:#4ade80;--orange:#f97316;--dark:#0f1a0f;--dark2:#1a2e1a;--card:#1c2e20;--text:#d1fae5;--muted:#86efac;--white:#fff;--grad:linear-gradient(135deg,#16a34a,#22c55e);--fh:'Montserrat',sans-serif;--fb:'Open Sans',sans-serif;}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--fb);background:var(--dark);color:var(--text);line-height:1.7;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--g3);text-decoration:none;transition:all 0.3s;}
a:hover{color:#fff;}
.container{max-width:800px;margin:0 auto;padding:0 20px;}
.navbar{position:sticky;top:0;z-index:100;background:rgba(15,26,15,0.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(22,163,74,0.2);padding:0 20px;}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:62px;}
.nav-logo{display:flex;align-items:center;gap:8px;color:#fff;font-family:var(--fh);font-size:20px;font-weight:800;}
.nav-logo img{border-radius:6px;object-fit:contain;}
.nav-logo strong{color:var(--g2);}
.nav-cta{background:var(--grad);color:#fff;font-family:var(--fh);font-weight:800;font-size:13px;padding:10px 22px;border-radius:50px;}
.nav-cta:hover{transform:scale(1.04);color:#fff;}
.blog-main{padding:56px 0 80px;}
.blog-post{max-width:800px;}
.post-meta{font-size:13px;color:var(--muted);margin-bottom:18px;font-family:var(--fh);}
.post-meta a{color:var(--g3);font-weight:700;}
.tag{background:rgba(22,163,74,0.15);color:var(--g3);font-family:var(--fh);font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;}
h1{font-family:var(--fh);font-size:clamp(22px,4vw,36px);font-weight:900;color:#fff;line-height:1.2;margin-bottom:18px;}
.post-intro{font-size:17px;color:var(--muted);margin-bottom:32px;line-height:1.8;border-left:3px solid var(--g1);padding-left:18px;}
.post-intro strong{color:#fff;}
h2{font-family:var(--fh);font-size:clamp(19px,3vw,26px);font-weight:800;color:#fff;margin:36px 0 14px;}
h3{font-family:var(--fh);font-size:clamp(16px,2.5vw,21px);font-weight:700;color:var(--g3);margin:24px 0 10px;}
h4{font-family:var(--fh);font-size:16px;font-weight:700;color:#fff;margin:18px 0 8px;}
p{font-size:16px;color:var(--muted);margin-bottom:14px;line-height:1.8;}
p strong{color:#fff;}
p em{color:var(--g3);font-style:normal;}
.styled-list{list-style:none;margin:0 0 18px;background:var(--card);border:1px solid rgba(22,163,74,0.14);border-radius:12px;overflow:hidden;}
.styled-list li{padding:11px 18px;border-bottom:1px solid rgba(22,163,74,0.08);font-size:15px;color:var(--muted);}
.styled-list li:last-child{border-bottom:none;}
.styled-list li strong{color:#fff;}
.cta-box{background:linear-gradient(135deg,rgba(22,163,74,0.12),rgba(249,115,22,0.06));border:2px solid rgba(22,163,74,0.3);border-radius:18px;padding:32px;text-align:center;margin:36px 0;}
.cta-box h3{font-family:var(--fh);font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;}
.cta-box p{font-size:15px;color:var(--muted);margin-bottom:18px;}
.cta-box p strong{color:#fff;}
.cta-btn{display:inline-block;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-family:var(--fh);font-weight:800;font-size:16px;padding:14px 36px;border-radius:50px;transition:all 0.3s;box-shadow:0 8px 28px rgba(22,163,74,0.4);}
.cta-btn:hover{transform:scale(1.05);box-shadow:0 12px 36px rgba(22,163,74,0.6);color:#fff;}
.related-posts{list-style:none;background:var(--card);border:1px solid rgba(22,163,74,0.14);border-radius:12px;overflow:hidden;margin:0 0 18px;}
.related-posts li{border-bottom:1px solid rgba(22,163,74,0.08);}
.related-posts li:last-child{border-bottom:none;}
.related-posts li a{display:block;padding:13px 18px;color:var(--muted);font-size:14px;transition:all 0.3s;}
.related-posts li a:hover{color:var(--g3);background:rgba(22,163,74,0.05);padding-left:26px;}
.footer{background:var(--dark2);border-top:1px solid rgba(22,163,74,0.14);padding:36px 0 18px;text-align:center;}
.footer .container{max-width:1100px;}
.footer p{font-size:13px;color:var(--muted);margin-bottom:7px;}
.footer a{color:var(--muted);margin:0 7px;}
.footer a:hover{color:var(--g3);}
.footer-links{margin-bottom:14px;}
.disclaimer-text{font-size:12px;color:rgba(134,239,172,0.5);max-width:700px;margin:10px auto 0;line-height:1.6;}
@media(max-width:640px){h1{font-size:22px;}.post-intro{font-size:15px;}.cta-btn{font-size:14px;padding:12px 26px;}}