/* ========================
   BLOG SHARED CSS
======================== */
:root{--primary:#6C63FF;--accent:#00D4FF;--dark:#0A0A1A;--dark2:#12122A;--card-bg:#14143A;--text:#E8E8FF;--text-muted:#9999CC;--white:#fff;--gradient:linear-gradient(135deg,#6C63FF 0%,#00D4FF 100%);--font-head:'Montserrat',sans-serif;--font-body:'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(--font-body);background:var(--dark);color:var(--text);line-height:1.7;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--accent);text-decoration:none;transition:all 0.3s;}
a:hover{color:#fff;}
.container{max-width:800px;margin:0 auto;padding:0 20px;}
/* NAV */
.navbar{position:sticky;top:0;z-index:100;background:rgba(10,10,26,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(108,99,255,0.2);padding:0 20px;}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav-logo{display:flex;align-items:center;gap:8px;color:#fff;font-family:var(--font-head);font-size:20px;font-weight:800;}
.nav-logo img{border-radius:6px;object-fit:contain;}
.nav-logo strong{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-cta{background:var(--gradient);color:#fff;font-family:var(--font-head);font-weight:800;font-size:13px;padding:10px 22px;border-radius:50px;letter-spacing:0.5px;}
.nav-cta:hover{transform:scale(1.05);color:#fff;}
/* BLOG MAIN */
.blog-main{padding:60px 0 80px;}
.blog-post{max-width:800px;}
.post-meta{font-size:13px;color:var(--text-muted);margin-bottom:20px;font-family:var(--font-head);}
.post-meta a{color:var(--accent);font-weight:700;}
.tag{background:rgba(108,99,255,0.15);color:var(--accent);font-family:var(--font-head);font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;}
h1{font-family:var(--font-head);font-size:clamp(24px,4vw,38px);font-weight:900;color:#fff;line-height:1.2;margin-bottom:20px;}
.post-intro{font-size:18px;color:var(--text-muted);margin-bottom:36px;line-height:1.8;border-left:3px solid var(--primary);padding-left:20px;}
.post-intro strong{color:#fff;}
h2{font-family:var(--font-head);font-size:clamp(20px,3vw,28px);font-weight:800;color:#fff;margin:40px 0 16px;line-height:1.3;}
h3{font-family:var(--font-head);font-size:clamp(17px,2.5vw,22px);font-weight:700;color:var(--accent);margin:28px 0 12px;}
h4{font-family:var(--font-head);font-size:17px;font-weight:700;color:#fff;margin:20px 0 10px;}
p{font-size:16px;color:var(--text-muted);margin-bottom:16px;line-height:1.8;}
p strong{color:#fff;}
p em{color:var(--accent);font-style:normal;}
.styled-list{list-style:none;margin:0 0 20px;padding:0;background:var(--card-bg);border:1px solid rgba(108,99,255,0.15);border-radius:12px;overflow:hidden;}
.styled-list li{padding:12px 20px;border-bottom:1px solid rgba(108,99,255,0.08);font-size:15px;color:var(--text-muted);}
.styled-list li:last-child{border-bottom:none;}
.styled-list li strong{color:#fff;}
/* CTA BOX */
.cta-box{background:linear-gradient(135deg,rgba(108,99,255,0.15),rgba(0,212,255,0.08));border:2px solid rgba(108,99,255,0.35);border-radius:20px;padding:36px;text-align:center;margin:40px 0;}
.cta-box h3{font-family:var(--font-head);font-size:22px;font-weight:900;color:#fff;margin-bottom:12px;}
.cta-box p{font-size:16px;color:var(--text-muted);margin-bottom:20px;}
.cta-box p strong{color:#fff;}
.cta-btn{display:inline-block;background:linear-gradient(135deg,#6C63FF,#00D4FF);color:#fff;font-family:var(--font-head);font-weight:800;font-size:17px;padding:16px 40px;border-radius:50px;transition:all 0.3s;box-shadow:0 8px 30px rgba(108,99,255,0.4);}
.cta-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(108,99,255,0.6);color:#fff;}
/* RELATED */
.related-posts{list-style:none;background:var(--card-bg);border:1px solid rgba(108,99,255,0.15);border-radius:12px;overflow:hidden;margin:0 0 20px;}
.related-posts li{border-bottom:1px solid rgba(108,99,255,0.08);}
.related-posts li:last-child{border-bottom:none;}
.related-posts li a{display:block;padding:14px 20px;color:var(--text-muted);font-size:15px;transition:all 0.3s;}
.related-posts li a:hover{color:var(--accent);background:rgba(108,99,255,0.05);padding-left:28px;}
/* FOOTER */
.footer{background:var(--dark2);border-top:1px solid rgba(108,99,255,0.15);padding:40px 0 20px;text-align:center;}
.footer .container{max-width:1100px;}
.footer p{font-size:13px;color:var(--text-muted);margin-bottom:8px;}
.footer a{color:var(--text-muted);margin:0 8px;}
.footer a:hover{color:var(--accent);}
.footer-links{margin-bottom:16px;}
.disclaimer-text{font-size:12px;color:rgba(153,153,204,0.6);max-width:700px;margin:12px auto 0;line-height:1.6;}
@media(max-width:640px){h1{font-size:24px;}.post-intro{font-size:16px;}.cta-btn{font-size:15px;padding:14px 28px;}}