.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));z-index:1001;transition:width .1s linear}.article-header{padding:7rem 0 3rem;max-width:1000px;margin:0 auto}.article-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-gray);margin-bottom:1.5rem}.article-breadcrumb a{color:var(--text-gray);text-decoration:none;transition:color .2s}.article-breadcrumb a:hover{color:var(--primary-blue)}.article-breadcrumb .separator{color:var(--border-light)}.article-category{display:inline-block;padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-blue);background:#3232ff14;border-radius:4px;margin-bottom:1rem}.article-header h1{font-size:var(--font-size-7xl);font-weight:700;line-height:1.15;color:var(--text-dark);margin-bottom:1rem}.article-description{font-size:var(--font-size-xl);color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem}.article-meta{display:flex;align-items:center;gap:1.5rem;font-size:var(--font-size-sm);color:var(--text-gray);padding-top:1.5rem;border-top:1px solid var(--border-light)}.article-meta .author{font-weight:600;color:var(--text-dark)}.article-meta .dot{color:var(--border-light)}.article-body{max-width:1000px;margin:0 auto;padding:0 2rem 4rem}.article-content{min-width:0}.article-content h2{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-dark);margin:2.5rem 0 1rem;line-height:1.3}.article-content h3{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-dark);margin:2rem 0 .75rem;line-height:1.4}.article-content p{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-dark);margin-bottom:1.25rem}.article-content ul,.article-content ol{font-size:var(--font-size-lg);line-height:1.8;color:var(--text-dark);margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content strong{font-weight:600;color:var(--text-dark)}.article-content a{color:var(--primary-blue);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.article-content a:hover{color:var(--primary-green)}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid var(--primary-blue);background:var(--bg-light);border-radius:0 8px 8px 0}.article-content blockquote p{margin-bottom:0;color:var(--text-gray);font-style:italic}.article-content pre{margin:1.5rem 0;padding:1.25rem;background:#1a1a2e;color:#e0e0e0;border-radius:10px;overflow-x:auto;font-size:var(--font-size-base);line-height:1.6}.article-content code{font-family:SF Mono,Fira Code,monospace;font-size:.9em}.article-content p code{padding:.15rem .4rem;background:var(--bg-light);border:1px solid var(--border-light);border-radius:4px;color:var(--text-dark)}.article-content img{max-width:100%;height:auto;border-radius:10px;margin:1.5rem 0}.article-content hr{border:none;border-top:1px solid var(--border-light);margin:2.5rem 0}.article-content .faq-item{margin-bottom:1rem;border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.article-content .faq-question{width:100%;padding:1rem 1.25rem;font-size:var(--font-size-lg);font-weight:600;color:var(--text-dark);background:var(--bg-light);border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:inherit;transition:background .2s}.article-content .faq-question:hover{background:var(--border-light)}.article-content .faq-question .faq-icon{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.article-content .faq-item.open .faq-question .faq-icon{transform:rotate(45deg)}.article-content .faq-answer{display:none;padding:1rem 1.25rem}.article-content .faq-item.open .faq-answer{display:block}.article-content .faq-answer p{margin-bottom:0}.article-cta{margin:3rem 0;padding:2.5rem;background:linear-gradient(135deg,#3232ff0f,#49ff490f);border:1px solid var(--border-light);border-radius:16px;text-align:center}.article-cta h3{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-dark);margin:0 0 .5rem}.article-cta p{font-size:var(--font-size-lg);color:var(--text-gray);margin-bottom:1.5rem}.article-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.article-cta .cta-primary{display:inline-block;padding:.875rem 2rem;font-size:var(--font-size-lg);font-weight:600;color:var(--text-dark);background:linear-gradient(135deg,var(--primary-green),#3dcc3d);border-radius:10px;text-decoration:none;transition:all .3s}.article-cta .cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #49ff494d}.article-cta .cta-secondary{display:inline-block;padding:.875rem 2rem;font-size:var(--font-size-lg);font-weight:600;color:var(--primary-blue);background:transparent;border:1px solid var(--primary-blue);border-radius:10px;text-decoration:none;transition:all .3s}.article-cta .cta-secondary:hover{background:#3232ff0d}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.article-tags .tag{padding:.25rem .75rem;font-size:var(--font-size-xs);color:var(--text-gray);background:var(--bg-light);border:1px solid var(--border-light);border-radius:20px;text-decoration:none;transition:all .2s}.article-tags .tag:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.blog-hero{padding:7rem 0 2rem;text-align:center}.blog-hero h1{font-size:var(--font-size-7xl);font-weight:700;background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.15}.blog-hero p{font-size:var(--font-size-xl);color:var(--text-gray);max-width:600px;margin:0 auto;line-height:1.6}.blog-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:1.5rem 2rem;margin-bottom:2rem}.filter-pill{padding:.5rem 1.25rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-gray);background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit}.filter-pill:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.filter-pill.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.post-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:all .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.post-card-image{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,#0a0a2e,#1a1a4e 40%,#0d2a0d);position:relative;overflow:hidden}.post-card-image:not(img){display:flex;align-items:center;justify-content:center}.post-card-image:not(img):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(50,50,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(73,255,73,.15) 0%,transparent 50%)}.post-card-image:not(img):after{content:"";width:48px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") no-repeat center / contain;position:relative;z-index:1;opacity:.6}.post-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.post-card-category{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-blue);margin-bottom:.5rem}.post-card-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-dark);margin-bottom:.5rem;line-height:1.3}.post-card-description{font-size:var(--font-size-base);color:var(--text-gray);line-height:1.6;margin-bottom:1rem;flex:1}.post-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-gray);padding-top:1rem;border-top:1px solid var(--border-light)}.blog-empty{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.blog-empty p{font-size:var(--font-size-xl);margin-bottom:.5rem}.blog-empty .subtext{font-size:var(--font-size-base)}.blog-cta-section{max-width:700px;margin:0 auto 4rem;padding:3rem;background:linear-gradient(135deg,#3232ff0f,#49ff490f);border:1px solid var(--border-light);border-radius:20px;text-align:center}.blog-cta-section h2{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-dark);margin-bottom:.75rem}.blog-cta-section p{font-size:var(--font-size-lg);color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6}.blog-cta-section .cta-button{display:inline-block;padding:1rem 2.5rem;font-size:var(--font-size-lg);font-weight:600;color:var(--text-dark);background:linear-gradient(135deg,var(--primary-green),#3dcc3d);border-radius:10px;text-decoration:none;transition:all .3s}.blog-cta-section .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #49ff494d}@media (max-width: 968px){.article-body{padding:0 1.5rem 3rem}.article-header{padding:6rem 1.5rem 2rem}.article-header h1,.blog-hero h1{font-size:var(--font-size-5xl)}.blog-grid{grid-template-columns:1fr;padding:0 1.5rem 3rem}}@media (max-width: 640px){.article-header{padding:5rem 1rem 1.5rem}.article-header h1{font-size:var(--font-size-4xl)}.article-body{padding:0 1rem 2rem}.article-content h2{font-size:var(--font-size-3xl)}.article-content h3{font-size:var(--font-size-xl)}.article-meta{flex-wrap:wrap;gap:.5rem}.article-cta{padding:1.5rem}.article-cta .cta-buttons{flex-direction:column}.blog-hero{padding:5rem 1rem 1.5rem}.blog-hero h1{font-size:var(--font-size-4xl)}.blog-filters{padding:1rem}.blog-grid{padding:0 1rem 2rem}.blog-cta-section{margin:0 1rem 3rem;padding:2rem 1.5rem}}