body{font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0}.container{max-width:1400px;margin:0 auto;padding:0 24px}h1{text-align:center;margin-bottom:24px}.hero-desc{text-align:center;margin-bottom:32px;color:#555}.blog-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.blog-card{flex:1 1 calc(33.333% - 24px);box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:16px;transition:box-shadow .3s ease;background-color:#fff}.blog-card:hover{box-shadow:0 4px 8px #0000001a}.blog-card a{text-decoration:none;color:inherit}.blog-card h2{margin:0 0 8px;font-size:1.25rem;color:#333}.blog-card p{margin:0;color:#666}@media(max-width:768px){.blog-card{flex:1 1 calc(50% - 24px)}}@media(max-width:480px){.blog-card{flex:1 1 100%}}.blog-article{min-height:100vh;background:#fff}.blog-banner{background:#f8fafc;padding:60px 0;position:relative;overflow:hidden;border-bottom:1px solid #e2e8f0}.blog-banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23000" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23000" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%23000" opacity="0.03"/><circle cx="10" cy="60" r="0.5" fill="%23000" opacity="0.03"/><circle cx="90" cy="40" r="0.5" fill="%23000" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.blog-banner-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:60px}.blog-banner-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.blog-category{display:inline-block;background:var(--grad-a);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.blog-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:#1f2937;margin:0 0 20px;text-align:left}.blog-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.author-info{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #0000001a}.author-name{font-weight:600;color:#1f2937;font-size:var(--text-base)}.author-title{color:#6b7280;font-size:var(--text-sm)}.blog-date{color:#6b7280;font-size:var(--text-sm);font-weight:500}.blog-banner-image{flex:1;max-width:500px;position:relative;height:auto;transform:none;top:auto;opacity:1;background:none;z-index:2}.blog-banner-image img{width:100%;height:auto;object-fit:cover;border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog-layout{display:flex;gap:48px;padding:40px 0;align-items:flex-start}.blog-main{flex:1;min-width:0}.blog-sidebar{width:300px;flex-shrink:0;position:sticky;top:100px;display:flex;flex-direction:column;gap:32px}.toc-container{padding:0}.toc-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:16px;border-left:3px solid #10b981;padding-left:12px}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.toc-link{text-decoration:none;color:#64748b;font-size:.95rem;transition:color .2s;display:block;line-height:1.4}.toc-link:hover{color:#10b981}.toc-link.active{color:#10b981;font-weight:600}.sidebar-cta{background:linear-gradient(135deg,var(--grad-a) 0%,var(--grad-b) 100%);border-radius:14px;overflow:hidden;color:#fff;padding:24px;text-align:center;box-shadow:0 10px 15px -3px #10b98133}.sidebar-cta h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#fff}.sidebar-cta p{font-size:.95rem;margin-bottom:20px;color:#ffffffe6;line-height:1.5}.sidebar-btn{display:inline-block;background:#fff;color:var(--grad-a);font-weight:600;padding:10px 20px;border-radius:8px;text-decoration:none;transition:transform .2s}.sidebar-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.blog-content{padding:var(--spacing-3xl) 0}.blog-body{padding:0}.blog-body p{font-size:var(--text-lg);line-height:1.7;color:#4b5563;margin:0 0 var(--spacing-lg) 0}.blog-body ul{margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-lg)}.blog-body li{font-size:var(--text-lg);line-height:1.7;color:#4b5563;margin-bottom:var(--spacing-xs)}.testimonial-quote{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-left:4px solid var(--grad-a);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;border-radius:0 12px 12px 0;font-style:italic;font-size:1.25rem;line-height:1.6;color:#374151;position:relative}.testimonial-quote:before{content:"";font-size:4rem;color:var(--grad-a);position:absolute;top:-10px;left:20px;opacity:.3}.feature-highlight{background:#e8f5e9;border-left:4px solid #2196f3;border-radius:8px;padding:18px 22px;margin:26px 0;font-size:1.08rem;color:#1b3a2f;box-shadow:0 1px 4px #3c3c3c0a}.card-feature{background:#f6f8fa;border-left:4px solid #d02525;border-radius:8px;padding:18px 22px;margin:20px 0;font-size:1.08rem;color:#222;box-shadow:0 1px 4px #3c3c3c0a}.card-feature+.card-feature,.feature-highlight+.feature-highlight{margin-top:12px}.card-feature strong{color:#d02525;font-weight:600}.feature-highlight h3{margin-top:0;margin-bottom:8px;font-size:1.15em;color:#2196f3;font-weight:700}.feature-highlight p{margin:0 0 4px}@media(max-width:600px){.card-feature,.feature-highlight{padding:14px 10px;font-size:1rem}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.result-item{text-align:center;padding:var(--spacing-lg);background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #E5E7EB}.result-number{font-size:2.5rem;font-weight:800;color:var(--grad-a);margin-bottom:var(--spacing-xs)}.result-label{font-size:var(--text-sm);color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cta-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:var(--spacing-3xl);text-align:center;margin:var(--spacing-3xl) 0;border:1px solid #E2E8F0}.cta-section h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 var(--spacing-sm) 0}.cta-section p{font-size:var(--text-lg);color:#6b7280;margin:0 0 var(--spacing-lg) 0}.faq-accordion{margin-bottom:2em}.margin-blog{margin-top:40px;margin-bottom:40px}.faq-question{width:100%;text-align:left;background:#f5f5f5;border:none;outline:none;padding:1em;font-size:1.1em;font-weight:600;cursor:pointer;border-radius:6px;margin-bottom:.2em;transition:background .2s}.faq-question.active,.faq-question:hover{background:#e0e7ff}.faq-answer{display:none;padding:.8em 1em 1em;background:#f9fafb;border-radius:0 0 6px 6px;border-left:3px solid #6366f1;margin-bottom:.8em;font-size:1em}.faq-question.active+.faq-answer{display:block}@media(max-width:960px){.blog-layout{flex-direction:column;gap:40px}.blog-sidebar{width:100%;position:static;order:2;display:flex;flex-direction:column;gap:32px}.blog-main{width:100%}.blog-banner-content{flex-direction:column-reverse;text-align:center}.blog-banner-image{max-width:100%;margin:0 auto}.blog-meta{justify-content:center}.blog-title,.blog-banner-text{text-align:center}}@media(max-width:768px){.blog-title{font-size:1.75rem}.toc-container{background:#f8fafc;padding:24px;border-radius:12px;border:1px solid #e2e8f0}}.blog-body table{width:100%;border-collapse:collapse;margin:2em 0;overflow-x:auto;display:block}.blog-body th,.blog-body td{padding:12px 16px;border:1px solid #e2e8f0;text-align:left}.blog-body th{background-color:#f8fafc;font-weight:600;color:#1f2937}.blog-body tr:nth-child(2n){background-color:#f9fafb}