/* ============================================================
   CARDI VIT BLOG — SHARED STYLES
   ============================================================ */
:root{--blue-deep:#1E3A8A;--blue-mid:#2563EB;--blue-pale:#EFF6FF;--white:#FFFFFF;--text-dark:#1E293B;--text-mid:#475569;--gold:#D97706;--radius:16px;--shadow:0 4px 24px rgba(37,99,235,.12);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:'Open Sans',sans-serif;color:var(--text-dark);background:var(--white);overflow-x:hidden;line-height:1.7;}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.25;}
h1{font-size:clamp(26px,5vw,48px);}h2{font-size:clamp(22px,4vw,36px);margin:40px 0 16px;color:var(--blue-deep);}h3{font-size:clamp(18px,3vw,24px);margin:28px 0 12px;color:#1E293B;}
p{margin-bottom:16px;font-size:16px;color:var(--text-mid);}
a{color:var(--blue-mid);text-decoration:none;}a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}
.container{max-width:900px;margin:0 auto;padding:0 20px;}
/* NAV */
.blog-nav{background:var(--white);box-shadow:0 2px 16px rgba(37,99,235,.08);position:sticky;top:0;z-index:100;}
.blog-nav .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1100px;margin:0 auto;}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;color:var(--blue-deep);}
.nav-brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;}
.nav-brand strong{color:#3B82F6;}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-text-link{font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--blue-mid);}
.back-link{background:linear-gradient(135deg,#1E3A8A,#2563EB);color:#fff !important;padding:10px 22px;border-radius:50px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;transition:transform .3s;text-decoration:none !important;}
.back-link:hover{transform:scale(1.05);}
/* POST HERO */
.post-hero{background:linear-gradient(135deg,#0F172A,#1E3A8A);padding:60px 20px;color:#fff;text-align:center;}
.post-hero h1{color:#fff;margin:16px 0 20px;}
.post-meta{color:rgba(255,255,255,.65);font-size:14px;margin-bottom:12px;}
.post-stars{color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;}
.post-stars span{color:rgba(255,255,255,.7);font-size:13px;margin-left:8px;}
.post-tag{display:inline-block;background:rgba(255,255,255,.15);color:#93C5FD;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;padding:6px 16px;border-radius:50px;letter-spacing:.5px;}
/* POST CONTENT */
.post-container{padding:48px 20px;}
.post-content p{font-size:16px;line-height:1.8;margin-bottom:20px;}
/* BOXES */
.summary-box{background:var(--blue-pale);border-radius:var(--radius);padding:28px;margin:28px 0;border-left:4px solid var(--blue-mid);}
.summary-box h3{color:var(--blue-deep);margin-bottom:12px 0 0;}
.summary-box ul{padding-left:0;list-style:none;margin-top:12px;}
.summary-box li{padding:6px 0;font-size:15px;color:var(--text-mid);}
.review-quote{background:#F0FDF4;border-radius:12px;padding:20px 24px;margin:20px 0;border-left:4px solid #16A34A;}
.review-quote p{font-size:15px;color:#1E293B;margin:0;font-style:italic;}
.cta-box{background:linear-gradient(135deg,#0F172A,#1E3A8A);border-radius:var(--radius);padding:40px 36px;text-align:center;margin:40px 0;}
.cta-box h3{color:#fff;margin-bottom:12px;}
.cta-box p{color:rgba(255,255,255,.75);margin-bottom:24px;}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F59E0B,#EF4444);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:17px;padding:18px 40px;border-radius:50px;min-height:52px;transition:transform .3s,box-shadow .3s;text-decoration:none !important;}
.btn-cta:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(239,68,68,.4);}
.cta-note{color:rgba(255,255,255,.6);font-size:13px;margin:16px 0 0;}
/* RELATED */
.related-links{list-style:none;margin:20px 0;}
.related-links li{margin-bottom:10px;}
.related-links a{font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;color:var(--blue-mid);}
/* FOOTER */
.blog-footer-bar{background:#0F172A;padding:28px 20px;text-align:center;}
.blog-footer-bar p{color:rgba(255,255,255,.4);font-size:13px;}
.blog-footer-bar a{color:#93C5FD;}
@media(max-width:600px){.post-hero{padding:40px 20px;}.cta-box{padding:28px 20px;}.btn-cta{width:100%;font-size:15px;}}