[data-astro-cid-n4gve2vp]:root{   --primary-color: #42899B;   --secondary-color: #E7E8E2;   --background-color: #FFFFFF;   --text-color: #333333;   --card-background: rgba(231,232,226,.3);   --conclusion-background: #1F2937; } body[data-astro-cid-n4gve2vp]{   font-family: "Nunito",sans-serif;   line-height: 1.6;   color: var(--text-color);   background-color: var(--background-color); } [data-astro-cid-n4gve2vp].blog-post-container{   max-width: 800px;   margin: 0 auto;   padding: 2rem; } [data-astro-cid-n4gve2vp].blog-post-header{   text-align: center;   margin-bottom: 3rem; } [data-astro-cid-n4gve2vp].blog-post-title{   font-size: 3rem;   color: var(--primary-color);   margin-bottom: .5rem;   font-weight: 700; } [data-astro-cid-n4gve2vp].blog-post-subtitle{   font-size: 1.5rem;   color: var(--primary-color);   opacity: .8;   margin-bottom: 1rem; } [data-astro-cid-n4gve2vp].blog-post-meta{   font-size: .9rem;   color: var(--text-color);   opacity: .7;   margin-bottom: 1rem; } [data-astro-cid-n4gve2vp].blog-post-intro{   font-size: 1.1rem;   color: var(--text-color);   max-width: 600px;   margin: 0 auto; } [data-astro-cid-n4gve2vp].step-card{   background-color: var(--card-background);   border-radius: 16px;   box-shadow: 0 8px 32px rgba(66,137,155,.1);   border: 1px solid rgba(66,137,155,.18);   margin-bottom: 2rem;   overflow: hidden;   transition: transform .3s ease,box-shadow .3s ease; } [data-astro-cid-n4gve2vp].step-card:hover{   transform: translateY(-5px);   box-shadow: 0 12px 40px rgba(66,137,155,.15); } [data-astro-cid-n4gve2vp].step-content{   padding: 2rem; } [data-astro-cid-n4gve2vp].step-title{   color: var(--primary-color);   font-size: 1.8rem;   margin-bottom: 1rem;   position: relative; } [data-astro-cid-n4gve2vp].step-title:before{   content: attr(data-step);   position: absolute;   left: -40px;   top: -10px;   font-size: 4rem;   color: rgba(66,137,155,.1);   font-weight: 700; } [data-astro-cid-n4gve2vp].tip-box{   background-color: rgba(66,137,155,.1);   border-left: 4px solid var(--primary-color);   padding: 1rem;   margin-top: 1rem;   border-radius: 0 8px 8px 0; } [data-astro-cid-n4gve2vp].conclusion{   background: linear-gradient(135deg,var(--conclusion-background),var(--primary-color));   color: var(--secondary-color);   padding: 2rem;   border-radius: 16px;   margin-top: 3rem;   box-shadow: 0 8px 32px rgba(31,41,55,.2); } [data-astro-cid-n4gve2vp].conclusion h2[data-astro-cid-n4gve2vp]{   color: var(--secondary-color);   margin-bottom: 1rem; } [data-astro-cid-n4gve2vp].dotio-box{   background-color: var(--card-background);   border: 2px solid var(--primary-color);   border-radius: 16px;   padding: 1.5rem;   margin-top: 2rem;   text-align: center; } [data-astro-cid-n4gve2vp].dotio-box h3[data-astro-cid-n4gve2vp]{   color: var(--primary-color);   margin-bottom: 1rem;   font-size: 1.4rem;   line-height: 1.3; } [data-astro-cid-n4gve2vp].dotio-box p[data-astro-cid-n4gve2vp]{   margin-bottom: 1rem; } [data-astro-cid-n4gve2vp].dotio-box .emphasis[data-astro-cid-n4gve2vp]{   font-weight: 700;   color: var(--primary-color);   margin-bottom: 1.5rem; } [data-astro-cid-n4gve2vp].cta-button{   display: inline-block;   background-color: var(--primary-color);   color: var(--secondary-color);   padding: .8rem 1.5rem;   border-radius: 8px;   font-weight: 700;   text-decoration: none;   transition: background-color .3s ease,transform .3s ease; } [data-astro-cid-n4gve2vp].cta-button:hover{   background-color: #2c5b68;   transform: translateY(-3px); } @media (max-width: 768px){   .blog-post-container{     padding: 1rem;   }   .blog-post-title{     font-size: 2.5rem;   }   .blog-post-subtitle{     font-size: 1.3rem;   }   .step-title{     font-size: 1.5rem;   }   .step-title:before{     font-size: 3rem;     left: -30px;   }   .dotio-box{     padding: 1rem;   }   .dotio-box h3{     font-size: 1.2rem;   } }