/* FOCUSMAX BLOG CSS */
:root {
  --primary: #4F46E5; --secondary: #06B6D4; --accent: #F59E0B; --success: #10B981;
  --bg: #0F0E1A; --bg2: #14132A; --card: #1E1D35;
  --text: #E2E8F0; --text-muted: #94A3B8; --border: rgba(79,70,229,0.2);
  --gradient: linear-gradient(135deg, #4F46E5, #06B6D4);
  --font-head: 'Montserrat', sans-serif; --font-body: 'Open Sans', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.8;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;border-radius:12px;}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.3;}
.container{max-width:860px;margin:0 auto;padding:0 20px;}

/* NAV */
.blog-nav{background:rgba(15,14,26,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;z-index:100;}
.blog-nav .container,.nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;}
.nav-inner{display:flex;justify-content:space-between;align-items:center;}
.nav-logo{font-family:var(--font-head);font-weight:900;font-size:22px;color:#fff;}
.nav-logo span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-right{display:flex;gap:16px;align-items:center;}
.nav-back{color:var(--text-muted);font-family:var(--font-head);font-weight:600;font-size:14px;}
.nav-back:hover{color:#fff;}
.nav-cta{background:var(--gradient);color:#fff;padding:10px 22px;border-radius:50px;font-family:var(--font-head);font-weight:700;font-size:14px;min-height:40px;display:inline-flex;align-items:center;transition:all 0.3s;}
.nav-cta:hover{transform:scale(1.05);}

/* ARTICLE */
.blog-post{padding:60px 0 80px;}
article h1{font-size:clamp(26px,4vw,42px);color:#fff;margin:20px 0 24px;line-height:1.25;}
article h2{font-size:clamp(20px,3vw,28px);color:#fff;margin:40px 0 16px;}
article h3{font-size:clamp(17px,2.5vw,22px);color:#fff;margin:28px 0 12px;}
article p{color:var(--text-muted);font-size:16px;line-height:1.85;margin-bottom:16px;}
article p strong{color:var(--text);}
article ul,article ol{padding-left:20px;margin-bottom:20px;}
article li{color:var(--text-muted);font-size:16px;margin-bottom:8px;line-height:1.7;}
article li strong{color:var(--text);}

.post-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}
.post-category{background:var(--gradient);color:#fff;padding:5px 14px;border-radius:50px;font-family:var(--font-head);font-weight:800;font-size:12px;}
.post-meta span{color:var(--text-muted);font-size:13px;}
.post-intro{font-size:18px!important;color:var(--text)!important;border-left:4px solid var(--primary);padding-left:20px;margin-bottom:32px!important;}

.quick-verdict{background:var(--card);border:1px solid var(--primary);border-radius:16px;padding:28px;margin:32px 0;}
.quick-verdict h3{color:#fff;font-size:18px;margin-bottom:12px;}
.quick-verdict p{margin-bottom:16px!important;}

.btn-blog{display:inline-flex;align-items:center;gap:8px;background:var(--gradient);color:#fff;padding:12px 28px;border-radius:50px;font-family:var(--font-head);font-weight:700;font-size:15px;transition:all 0.3s;min-height:46px;}
.btn-blog:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(79,70,229,0.4);}
.btn-blog.btn-large{padding:16px 40px;font-size:17px;min-height:54px;}

.cta-box{background:linear-gradient(135deg,rgba(79,70,229,0.15),rgba(6,182,212,0.1));border:1px solid var(--border);border-radius:16px;padding:36px;text-align:center;margin:48px 0;}
.cta-box h3{font-size:22px;color:#fff;margin-bottom:12px;}
.cta-box p{margin-bottom:20px!important;}

.related-posts{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;}
.related-posts a{color:var(--secondary);font-family:var(--font-head);font-weight:600;font-size:15px;transition:color 0.3s;padding:8px 0;border-bottom:1px solid var(--border);}
.related-posts a:last-child{border-bottom:none;}
.related-posts a:hover{color:#fff;}

/* FOOTER */
.blog-footer{background:#08071a;border-top:1px solid var(--border);padding:36px 0;text-align:center;}
.blog-footer .container{max-width:1100px;}
.footer-links-bottom{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.footer-links-bottom a{color:var(--text-muted);font-size:13px;}
.footer-links-bottom a:hover{color:#fff;}
.blog-footer p{color:var(--text-muted);font-size:13px;margin-bottom:6px;}
.disclaimer-small{font-size:11px!important;margin-top:8px!important;}

@media(max-width:767px){
  .blog-post{padding:40px 0 60px;}
  article h1{font-size:26px;}
  article h2{font-size:20px;}
  .quick-verdict{padding:20px;}
  .cta-box{padding:24px;}
  .btn-blog.btn-large{font-size:15px;padding:14px 24px;}
}