.article-container{min-height:100vh;background:linear-gradient(180deg,#0a0f1e 0,#1a1f2e);color:#e2e8f0;padding:2rem 1.5rem}.article-nav{max-width:900px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center}.article-back,.article-home{color:#60a5fa;text-decoration:none;font-size:.95rem;transition:color .2s}.article-back:hover,.article-home:hover{color:#93c5fd}.article-header{max-width:900px;margin:0 auto 3rem;padding:2rem;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px}.article-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-category{background:rgba(255,255,255,.2);padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600;color:white}.article-date,.article-read-time{color:#cbd5e1;font-size:.9rem}.article-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1rem;color:white}.article-description{font-size:1.2rem;color:#e2e8f0;line-height:1.6;margin:0 0 1rem}.article-author{color:#cbd5e1;font-size:.95rem}.article-toc{max-width:900px;margin:0 auto 2rem;padding:1.5rem;background:#1e293b;border-radius:12px;border:1px solid #334155}.article-toc h3{margin:0 0 1rem;color:#f1f5f9;font-size:1.1rem}.article-toc ul{list-style:none;padding:0;margin:0}.article-toc li{margin-bottom:.6rem}.article-toc a{color:#60a5fa;text-decoration:none;transition:color .2s}.article-toc a:hover{color:#93c5fd}.article-content{max-width:900px;margin:0 auto;padding:2rem;background:#1e293b;border-radius:12px;border:1px solid #334155;line-height:1.8;font-size:1.05rem}.article-content h1{display:none}.article-content h2{font-size:1.8rem;font-weight:700;margin:2.5rem 0 1rem;color:#60a5fa;padding-top:1rem;border-top:2px solid #334155}.article-content h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.article-content h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;color:#93c5fd}.article-content p{margin-bottom:1.2rem;color:#cbd5e1}.article-content strong{color:#f1f5f9;font-weight:600}.article-content ul{margin:1rem 0 1.5rem 1.5rem;list-style:disc}.article-content li{margin-bottom:.6rem;color:#cbd5e1}.article-content a{color:#60a5fa;text-decoration:underline;transition:color .2s}.article-content a:hover{color:#93c5fd}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.article-content table td,.article-content table th{padding:.75rem;border:1px solid #334155;text-align:left}.article-content table th{background:#0f172a;color:#f1f5f9;font-weight:600}.article-content table td{color:#cbd5e1}.article-content blockquote{border-left:4px solid #60a5fa;padding-left:1.5rem;margin:1.5rem 0;color:#93c5fd;font-style:italic}.article-footer{max-width:900px;margin:3rem auto 0}.article-cta{padding:2.5rem;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;text-align:center;margin-bottom:2rem}.article-cta h3{font-size:2rem;font-weight:700;margin:0 0 .75rem;color:white}.article-cta p{font-size:1.1rem;color:#e2e8f0;margin:0 0 1.5rem}.article-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:.85rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s}.cta-btn.primary{background:white;color:#1e3c72}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.2)}.cta-btn.secondary{background:rgba(255,255,255,.15);color:white;border:2px solid white}.cta-btn.secondary:hover{background:rgba(255,255,255,.25)}.article-back-link{text-align:center;padding:1.5rem 0}.article-back-link a{color:#60a5fa;text-decoration:none;font-size:1.05rem;transition:color .2s}.article-back-link a:hover{color:#93c5fd}@media (max-width:768px){.article-title{font-size:1.8rem}.article-description{font-size:1.05rem}.article-content{padding:1.5rem;font-size:1rem}.article-content h2,.article-cta h3{font-size:1.5rem}.article-cta-buttons{flex-direction:column}}