.blog-content{line-height:1.8}.blog-html-content{font-family:inherit}.blog-html-content section{margin:3rem 0}.blog-html-content section:first-child{margin-top:0}.blog-html-content h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:3rem 0 2rem;background:linear-gradient(90deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-html-content h2{font-size:2rem;font-weight:600;line-height:1.3;margin:2.5rem 0 1.5rem}.blog-html-content h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin:2rem 0 1rem}.blog-html-content p{margin:1.5rem 0;line-height:1.8;font-size:1.1rem}.blog-html-content ul{margin:2rem 0;padding-left:0}.blog-html-content li{margin:1rem 0;line-height:1.7;font-size:1rem}.blog-html-content code{font-size:.9em;padding:.2em .4em;border-radius:.375rem;font-weight:500}.blog-html-content code,.blog-html-content pre{font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace}.blog-html-content pre{margin:2rem 0;padding:1.5rem;border-radius:.75rem;overflow-x:auto;font-size:.9rem;line-height:1.6;position:relative}.blog-html-content pre:hover{transform:translateY(-2px);transition:all .3s ease}.blog-html-content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid;border-image:linear-gradient(180deg,#06b6d4,#a855f7) 1;background:linear-gradient(135deg,rgba(31,41,55,.6),rgba(55,65,81,.4));border-radius:.5rem;font-style:italic;backdrop-filter:blur(8px);position:relative}.blog-html-content blockquote:before{content:'"';font-size:4rem;color:rgba(6,182,212,.3);position:absolute;top:-.5rem;left:1rem;line-height:1}.blog-html-content table{width:100%;border-collapse:collapse;margin:2.5rem 0;background:rgba(31,41,55,.6);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3)}.blog-html-content table td,.blog-html-content table th{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid rgba(75,85,99,.4)}.blog-html-content table th{background:rgba(17,24,39,.9);font-weight:600;color:#06b6d4;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.blog-html-content table tr:hover{background:rgba(75,85,99,.2);transition:background-color .2s ease}.blog-html-content table tr:last-child td{border-bottom:none}.blog-html-content .highlight-box{background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(168,85,247,.1));border:1px solid rgba(6,182,212,.3);border-radius:.75rem;padding:2rem;margin:2rem 0;backdrop-filter:blur(8px)}.blog-html-content button{transition:all .3s ease;transform:translateY(0)}.blog-html-content button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.blog-html-content .step-indicator{position:relative;padding-left:3rem}.blog-html-content .step-indicator:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#06b6d4,#a855f7)}.blog-html-content>div:first-child{margin-top:0}.blog-html-content>div:last-child{margin-bottom:0}.blog-html-content pre::-webkit-scrollbar{height:8px;width:8px}.blog-html-content pre::-webkit-scrollbar-track{background:rgba(75,85,99,.3);border-radius:4px}.blog-html-content pre::-webkit-scrollbar-thumb{background:rgba(6,182,212,.5);border-radius:4px}.blog-html-content pre::-webkit-scrollbar-thumb:hover{background:rgba(6,182,212,.7)}.blog-html-content a:focus-visible,.blog-html-content button:focus-visible{outline:2px solid #06b6d4;outline-offset:2px;border-radius:.375rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-html-content section{animation:fadeInUp .6s ease-out}@media print{.blog-html-content{color:black!important}.blog-html-content button{display:none}}