.blog-content::-webkit-scrollbar{width:8px}.blog-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}.blog-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:4px}.blog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)}.blog-content h1{font-size:2.5rem;font-weight:700;color:white;margin:2rem 0 1rem;line-height:1.2;background:linear-gradient(135deg,#ffffff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-content h2{font-size:2rem;color:#8b5cf6;line-height:1.3;position:relative}.blog-content h2,.blog-content h3{font-weight:600;margin:1.5rem 0 1rem}.blog-content h3{font-size:1.5rem;color:#3b82f6;line-height:1.4}.blog-content p{color:#e5e7eb;line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.blog-content strong{color:white;font-weight:600}.blog-content em{color:#d1d5db;font-style:italic}.blog-content ol,.blog-content ul{margin:1.5rem 0}.blog-content li{color:#e5e7eb}.blog-content code{background:rgba(139,92,246,.1);color:#a78bfa;padding:.25rem .5rem;border-radius:.375rem;font-family:Monaco,Menlo,monospace;font-size:.9em;border:1px solid rgba(139,92,246,.2)}.blog-content blockquote{position:relative;margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));border-left:4px solid #8b5cf6;border-radius:0 1rem 1rem 0;font-style:italic;font-size:1.1em;line-height:1.6;color:#e5e7eb}.blog-content blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:rgba(139,92,246,.3);font-family:serif}.blog-content pre{position:relative;margin:2rem 0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.blog-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4)}.blog-content ol,.blog-content ul{padding-left:1.5rem}.blog-content li{margin-bottom:.5rem;line-height:1.6}.blog-content ul li::marker{color:#8b5cf6}.blog-content ol li::marker{color:#3b82f6}.blog-content a{position:relative;transition:all .3s ease}.blog-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);transition:width .3s ease}.blog-content a:hover:after{width:100%}.blog-content h1,.blog-content h2,.blog-content h3{position:relative;margin-top:2rem;margin-bottom:1rem}.blog-content h2:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:2px}.blog-content img{border-radius:1rem;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,.3)}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:rgba(255,255,255,.05);border-radius:1rem;overflow:hidden}.blog-content td,.blog-content th{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.blog-content th{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(59,130,246,.2));font-weight:600;color:white}.blog-content td{color:#e5e7eb}@media (max-width:768px){.blog-content blockquote{padding:1rem 1.5rem;margin:1.5rem 0}.blog-content pre{margin:1.5rem 0}.blog-content h2:before{display:none}}