.blog-content{font-size:1.125rem;line-height:1.8}.blog-content h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:2.5rem 0 1.5rem;font-size:2.5rem;font-weight:900;line-height:1.2}.blog-content h2{color:#fff;border-bottom:3px solid #8b5cf64d;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1.3}.blog-content h3{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:1.5rem 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.4}.blog-content h4{color:#e9d5ff;margin:1.25rem 0 .5rem;font-size:1.25rem;font-weight:600}.blog-content p{color:#ddd6fe;margin:1.25rem 0;line-height:1.8}.blog-content strong{color:#fff;font-weight:700}.blog-content em{color:#fbbf24;font-style:italic}.blog-content ul,.blog-content ol{color:#ddd6fe;margin:1.5rem 0;padding-left:2rem}.blog-content ul{list-style-type:none}.blog-content ul li{margin:.75rem 0;padding-left:1.5rem;position:relative}.blog-content ul li:before{content:"▸";color:#a78bfa;font-size:1.2rem;font-weight:700;position:absolute;left:0}.blog-content ol{list-style-type:decimal}.blog-content ol li{margin:.75rem 0;padding-left:.5rem}.blog-content ol li::marker{color:#a78bfa;font-weight:700}.blog-content li p{margin:.5rem 0}.blog-content ul ul,.blog-content ol ul,.blog-content ul ol,.blog-content ol ol{margin:.5rem 0;padding-left:1.5rem}.blog-content a{color:#60a5fa;text-underline-offset:3px;-webkit-text-decoration:underline #60a5fa66;text-decoration:underline #60a5fa66;transition:all .2s}.blog-content a:hover{color:#93c5fd;text-decoration-color:#93c5fdcc}.blog-content blockquote{color:#e9d5ff;background:linear-gradient(90deg,#8b5cf61a 0%,#0000 100%);border-left:4px solid #a78bfa;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2rem;font-style:italic}.blog-content blockquote p{margin:0}.blog-content code{color:#fbbf24;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:6px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.95em}.blog-content pre{background:#0f172a99;border:1px solid #8b5cf64d;border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.blog-content pre code{color:#e9d5ff;background:0 0;border:none;padding:0}.blog-content img{border:2px solid #8b5cf633;border-radius:16px;max-width:100%;height:auto;margin:2rem auto;display:block;box-shadow:0 20px 60px #8b5cf64d}.blog-content hr{background:linear-gradient(90deg,#0000 0%,#8b5cf680 50%,#0000 100%);border:none;height:2px;margin:3rem 0}.blog-content table{border-collapse:separate;border-spacing:0;background:#8b5cf61a;border-radius:12px;width:100%;margin:2rem 0;overflow:hidden}.blog-content th{color:#fff;text-align:left;background:#8b5cf64d;padding:1rem;font-weight:700}.blog-content td{color:#ddd6fe;border-top:1px solid #8b5cf633;padding:1rem}.blog-content tr:hover{background:#8b5cf60d}.blog-content .callout{background:linear-gradient(135deg,#8b5cf633 0%,#ec489933 100%);border:2px solid #8b5cf666;border-radius:16px;margin:2rem 0;padding:1.5rem}@media (max-width:768px){.blog-content{font-size:1rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}