body{font-family:'Inter',-apple-system,sans-serif;background:linear-gradient(135deg,#020617 0,#0f172a 50%,#020617 100%);color:#e2e8f0;line-height:1.8}.blog-article{max-width:800px;margin:0 auto;padding:120px 24px 80px}.article-header{margin-bottom:48px}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:rgba(59,130,246,0.15);color:#3b82f6;border:1px solid rgba(59,130,246,0.3);margin-bottom:20px}.article-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.3;margin-bottom:16px;color:#f8fafc}.article-meta{display:flex;flex-wrap:wrap;gap:24px;color:#64748b;font-size:.95rem}.article-meta span{display:flex;align-items:center;gap:8px}.article-content h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin:48px 0 20px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}.article-content h2:first-of-type{border-top:0;padding-top:0}.article-content h3{font-size:1.35rem;font-weight:600;color:#e2e8f0;margin:32px 0 16px}.article-content p{margin-bottom:20px;color:#cbd5e1}.article-content ul,.article-content ol{margin-bottom:24px;padding-left:24px}.article-content li{margin-bottom:12px;color:#cbd5e1}.article-content strong{color:#f8fafc}.article-content a:not(.cta-btn){color:#3b82f6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.article-content a:not(.cta-btn):hover{border-bottom-color:#3b82f6}.highlight-box{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(37,99,235,0.1));border:1px solid rgba(59,130,246,0.3);border-radius:12px;padding:24px;margin:32px 0}.highlight-box h4{color:#3b82f6;margin-bottom:12px;font-size:1.1rem}.highlight-box p{margin-bottom:0}.highlight-box ul{margin-bottom:0}.comparison-table{width:100%;border-collapse:collapse;margin:32px 0;font-size:.9rem}.comparison-table th{background:rgba(59,130,246,0.15);padding:16px;text-align:left;font-weight:600;color:#3b82f6;border-bottom:2px solid rgba(59,130,246,0.3)}.comparison-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.05);color:#cbd5e1}.comparison-table tr:hover td{background:rgba(255,255,255,0.02)}.timeline-box{background:rgba(59,130,246,0.05);border-left:3px solid #3b82f6;padding:20px 24px;margin:32px 0;border-radius:0 12px 12px 0}.timeline-box h4{color:#3b82f6;margin-bottom:8px}.timeline-box p{margin-bottom:0;color:#cbd5e1}.pro-tip{background:rgba(59,130,246,0.05);border-left:3px solid #3b82f6;padding:20px 24px;margin:32px 0;border-radius:0 12px 12px 0}.pro-tip h4{color:#3b82f6;margin-bottom:8px}.pro-tip p{margin-bottom:0;color:#cbd5e1}.cta-section{background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(37,99,235,0.1));border:1px solid rgba(59,130,246,0.3);border-radius:16px;padding:32px;margin:48px 0;text-align:center}.cta-section h3{color:#3b82f6;margin-bottom:12px}.cta-section p{margin-bottom:20px}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff !important;font-weight:700;border-radius:999px;text-decoration:none;border-bottom:none !important;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,0.3)}.author-box{display:flex;gap:20px;align-items:center;background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;margin-top:48px}.author-avatar{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;font-weight:700;flex-shrink:0}.author-info h4{color:#f8fafc;margin-bottom:4px}.author-info p{color:#64748b;font-size:.9rem;margin:0}.related-posts{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1)}.related-posts h3{margin-bottom:24px;color:#f8fafc}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.related-card{background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:20px;transition:all .3s ease}.related-card:hover{border-color:rgba(59,130,246,0.3);transform:translateY(-4px)}.related-card a{color:#f8fafc;text-decoration:none;font-weight:600}.related-card p{color:#64748b;font-size:.85rem;margin:8px 0 0}.back-link{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;margin-bottom:24px;transition:color .3s}.back-link:hover{color:#3b82f6}.article-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:32px;border-top:1px solid rgba(255,255,255,0.1)}.article-nav a{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:12px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);transition:all .3s ease}.article-nav a:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.4);color:#60a5fa}@media(max-width:600px){.article-nav{flex-direction:column;gap:12px}.article-nav a{width:100%;justify-content:center}.related-grid{grid-template-columns:1fr}}