.blog-detail{background:var(--offwhite);min-height:100vh}.article-header{color:var(--paper);text-align:center;padding:100px 32px 80px;position:relative;overflow:hidden}.article-header:before{content:"";opacity:1;z-index:0;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 600\"><defs><pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,.05)\" stroke-width=\"1\"/></pattern></defs><rect width=\"1200\" height=\"600\" fill=\"%231b4d2e\"/><rect width=\"1200\" height=\"600\" fill=\"url(%23grid)\"/></svg>") 0 0/cover;position:absolute;inset:0}.header-bg{z-index:1;background:radial-gradient(circle at 20%,#3a844f4d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#2d6b4533 0%,#0000 50%);position:absolute;inset:0}.header-overlay{z-index:2;background:linear-gradient(135deg,#1b4d2ee0 0%,#2d6b45e0 100%);position:absolute;inset:0}.header-content{z-index:3;max-width:900px;margin:0 auto;position:relative}.article-meta{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.category-tag{color:var(--paper);text-transform:uppercase;letter-spacing:.05em;background:#fff3;border-radius:6px;padding:6px 14px;font-size:.7rem;font-weight:800;display:inline-block}.read-time{color:#fffc;font-size:.85rem;font-weight:600}.article-title{text-shadow:0 2px 8px #0000001a;margin-bottom:32px;font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2}.article-byline{justify-content:space-between;align-items:center;gap:24px;display:flex}.author-info{align-items:center;gap:12px;display:flex}.author-avatar{width:44px;height:44px;color:var(--paper);background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.author-name{color:var(--paper);font-size:.95rem;font-weight:700}.author-role{color:#fffc;font-size:.78rem}.publish-date{color:#fffc;font-size:.85rem;font-weight:600}.article-container{grid-template-columns:1fr 320px;gap:40px;max-width:1200px;margin:0 auto;padding:60px 32px;display:grid}.article-main{flex-direction:column;gap:32px;display:flex}.featured-image{object-fit:cover;border-radius:12px;width:100%;max-width:100%;height:400px;box-shadow:0 12px 32px #3a844f26}.article-body{flex-direction:column;gap:24px;display:flex}.body-text{color:var(--gray);font-size:1.05rem;line-height:1.8}.section-title{color:var(--ink);margin-top:12px;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:800}.bold-intro{color:var(--accent);font-size:1rem;font-weight:700;line-height:1.7}.author-bio-section{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;margin:48px 0;padding:32px}.author-bio-card{align-items:flex-start;gap:24px;display:flex}.author-avatar-large{background:linear-gradient(135deg, var(--accent), var(--green-800));width:80px;height:80px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.bio-content h3{color:var(--ink);margin-bottom:4px;font-size:1.15rem;font-weight:800}.bio-role{color:var(--accent);margin-bottom:12px;font-size:.85rem;font-weight:700}.bio-text{color:var(--gray);font-size:.95rem;line-height:1.7}.share-section{background:var(--offwhite);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:32px 0;padding:24px;display:flex}.share-section>span{color:var(--ink);white-space:nowrap;font-weight:700}.share-buttons{flex-wrap:wrap;gap:12px;display:flex}.share-btn{border:1.5px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.share-btn:hover{background:var(--accent);color:var(--paper);border-color:var(--accent);transform:translateY(-2px)}.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2}.share-btn.whatsapp:hover{background:#25d366;border-color:#25d366}.share-btn.linkedin:hover{background:#0a66c2;border-color:#0a66c2}.share-btn.email:hover{background:var(--accent);border-color:var(--accent)}.article-sidebar{flex-direction:column;gap:24px;display:flex}.sidebar-card{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:24px}.sidebar-card h4{color:var(--ink);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:800}.related-posts{flex-direction:column;gap:12px;display:flex}.related-item{color:var(--ink);border-radius:6px;align-items:flex-start;gap:10px;padding:10px;text-decoration:none;transition:all .2s;display:flex}.related-item:hover{background:var(--offwhite)}.dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.related-title{color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.3}.related-date{color:var(--gray);margin-top:4px;font-size:.75rem}.cta-card{background:linear-gradient(135deg, var(--accent) 0%, var(--green-800) 100%);color:var(--paper);text-align:center;border:none}.cta-icon{margin-bottom:12px;font-size:2rem}.cta-card h4{color:var(--paper)}.cta-card p{opacity:.95;color:#fffffff2;margin-bottom:16px;font-size:.9rem;line-height:1.6}.cta-btn{background:var(--paper);width:100%;color:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}@media (max-width:1024px){.article-container{grid-template-columns:1fr}.article-sidebar{order:-1}.article-byline{flex-direction:column;align-items:center}}@media (max-width:768px){.article-header{padding:80px 16px 60px}.article-title{font-size:2rem}.article-container{gap:24px;padding:40px 16px}.featured-image{height:300px}.body-text{font-size:1rem;line-height:1.7}.section-title{font-size:1.5rem}.author-bio-card{text-align:center;flex-direction:column;align-items:center}.share-section{justify-content:center}}@media (max-width:480px){.article-header{padding:60px 16px 40px}.article-title{font-size:1.5rem}.article-meta{font-size:.75rem}.article-byline{gap:12px}.article-container{gap:16px;padding:24px 16px}.featured-image{height:200px}.body-text{font-size:.95rem}.author-avatar{width:36px;height:36px;font-size:.9rem}.author-avatar-large{width:64px;height:64px;font-size:1.4rem}.share-buttons{justify-content:space-between;width:100%}.share-btn{flex:1;min-width:40px}.sidebar-card{padding:16px}.sidebar-card h4{margin-bottom:12px;font-size:.95rem}}