.blog-main{padding:2rem 1rem;max-width:1200px;margin:0 auto}.blog-header{margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.blog-header span{display:inline-block;margin-right:1rem;font-size:.875rem;color:rgba(0,0,0,.6);padding:.25rem .75rem;background:rgba(95,185,181,.1);border-radius:.25rem}.blog-header h1{font-size:2.5rem;font-weight:700;margin:1.5rem 0 1rem;line-height:1.2}.blog-header p{font-size:1.125rem;color:rgba(0,0,0,.8);line-height:1.6}.blog-article{max-width:900px;margin:0 auto 3rem;background:#fff;border-radius:.5rem;padding:2rem 3rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid rgba(95,185,181,.1)}.blog-article h2{font-size:1.875rem;font-weight:700;margin-top:4rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(95,185,181,.2);background:linear-gradient(90deg,#5fb9b5,#e67e3c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-article h3{font-size:1.5rem;font-weight:600;margin-top:3rem;margin-bottom:1.25rem}.blog-article p{color:rgba(0,0,0,.9);line-height:1.75;margin-bottom:1.5rem;font-size:1.125rem}.blog-article ol,.blog-article ul{margin:2rem 0;padding-left:1.5rem}.blog-article li{color:rgba(0,0,0,.9);line-height:1.625;margin-bottom:.5rem;font-size:1rem}.blog-article li::marker{color:#5fb9b5}.blog-article a,.blog-article strong{color:#5fb9b5;font-weight:600}.blog-article a{text-decoration:none;transition:color .2s ease}.blog-article a:hover{color:#e67e3c;text-decoration:underline}.blog-article blockquote{border-left:4px solid #5fb9b5;padding-left:1.5rem;font-style:italic;margin:2rem 0}.blog-article code{color:#e67e3c;background:rgba(230,126,60,.1);padding:.25rem .5rem;border-radius:.25rem}article h2:has(+h3){margin-bottom:2rem}article h3{background:linear-gradient(135deg,#5fb9b5,#e67e3c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-left:1rem;border-left:4px solid #5fb9b5;margin-top:2.5rem!important;margin-bottom:1.5rem!important}article ol li,article ul li{margin-bottom:1rem;padding-left:.5rem}article ol ol,article ul ul{margin-top:1rem;margin-bottom:1rem;padding-left:2rem}article li strong{display:inline-block;margin-right:.25rem}article li p{margin-top:.5rem;margin-bottom:.5rem}article h3+p{background:rgba(95,185,181,.03);padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:2rem}article a{transition:all .2s ease;text-decoration-thickness:2px;text-underline-offset:3px}article code{box-shadow:0 1px 3px rgba(0,0,0,.1)}article table{margin:2rem 0;border-collapse:separate;border-spacing:0;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}article th{background:linear-gradient(135deg,#5fb9b5,#e67e3c);color:#fff;font-weight:600;padding:1rem;text-align:left}article td{padding:.75rem 1rem;border-bottom:1px solid rgba(95,185,181,.1)}article tr:last-child td{border-bottom:none}article tr:nth-child(2n){background:rgba(95,185,181,.03)}article p:has(strong:first-child){background:rgba(230,126,60,.05);padding:1rem 1.5rem;border-left:4px solid #e67e3c;border-radius:.25rem;margin:1.5rem 0}article ol>li{position:relative;padding-left:1rem}article ol>li::marker{font-weight:700;font-size:1.1em;color:#5fb9b5}article a,article button{transition:transform .2s ease,color .2s ease}article a:hover{transform:translateX(2px)}.blog-cta{max-width:900px;margin:3rem auto;padding:2rem;background:linear-gradient(135deg,rgba(95,185,181,.2),rgba(230,126,60,.15));border-radius:.5rem;border:2px solid rgba(95,185,181,.3)}.blog-cta h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#5fb9b5,#e67e3c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-cta p{color:rgba(0,0,0,.8);margin-bottom:1.5rem}.blog-cta a{display:inline-block;margin-right:1rem;padding:.75rem 1.5rem;background:#5fb9b5;color:#fff;text-decoration:none;border-radius:.25rem;font-weight:600;transition:background .2s}.blog-cta a:hover{background:#4a9a96}.blog-cta a:last-child{background:transparent;border:2px solid #5fb9b5;color:#5fb9b5}.blog-cta a:last-child:hover{background:#5fb9b5;color:#fff}.blog-related{max-width:1200px;margin:4rem auto}.blog-related h2{font-size:2rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(90deg,#5fb9b5,#e67e3c,#5fb9b5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-back{display:block;text-align:center;margin:3rem auto;max-width:900px;padding:.75rem 1.5rem;color:#5fb9b5;text-decoration:none;transition:background .2s;border-radius:.25rem}.blog-back:hover{background:rgba(95,185,181,.1)}