.article-page{min-height:100vh;padding-top:120px;padding-bottom:6rem;position:relative}.article-bg-glow{top:-20vh;left:50%;transform:translate(-50%);width:60vw;height:60vh;filter:blur(80px);z-index:0;pointer-events:none;opacity:.5}.article-container{max-width:900px;margin:0 auto;position:relative;z-index:2}.article-header{margin-bottom:3rem}.article-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem;transition:color .3s ease}.article-back-link:hover{color:var(--accent-primary)}.article-meta-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.metadata-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff0d;border-radius:20px;font-size:.85rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.article-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.article-lead{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.article-body{border-radius:24px;overflow:hidden}.article-visual-header{height:120px;display:flex;align-items:center;justify-content:center;color:#fff}.article-prose{padding:3rem;color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.article-prose h2{font-size:1.8rem;color:var(--text-primary);margin:2.5rem 0 1rem}.article-prose h3{font-size:1.4rem;color:var(--text-primary);margin:2rem 0 1rem}.article-prose p{margin-bottom:1.5rem}.article-prose ul,.article-prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-prose li{margin-bottom:.5rem}.article-prose strong{color:var(--text-primary)}.article-cta-box{margin-top:3rem;padding:2rem;background:#2dd4bf0d;border:1px solid rgba(45,212,191,.2);border-radius:16px;text-align:center}.article-cta-box h3{margin-top:0;color:var(--accent-primary)}.article-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--accent-primary);color:var(--bg-dark);font-weight:600;border-radius:30px;margin-top:1.5rem;transition:all .3s ease}.article-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}@media(max-width:768px){.article-prose{padding:1.5rem;font-size:1rem}}