@layer legacy{.blog-page-main{max-width:900px;margin:0 auto;padding:4rem 2rem}.blog-page-main>h1{text-align:center;background:linear-gradient(135deg, #fff, var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.blog-page-intro{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.05rem}.blog-card{color:inherit;background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #ffffff0d;border-radius:16px;margin-bottom:2rem;text-decoration:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s,border-color .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:#6ad60026;transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 20px #6ad6000d}.blog-card-image{flex-shrink:0;width:280px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s}.blog-card:hover .blog-card-image img{filter:brightness(1.1);transform:scale(1.06)}.blog-card-body{flex-direction:column;flex:1;justify-content:center;padding:1.75rem 2rem;display:flex}.blog-card-body h3,.blog-card-body .blog-card-title{margin-bottom:.6rem;font-size:1.3rem;font-weight:700;line-height:1.3;transition:color .3s}.blog-card:hover .blog-card-body h3,.blog-card:hover .blog-card-title{color:var(--accent-green)}.blog-card-date{color:#888;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;display:inline-flex}.blog-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-link{color:var(--accent-green);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;transition:gap .3s;display:inline-flex}.blog-card:hover .blog-card-link{gap:.7rem}@media (width<=700px){.blog-page-main{padding:3rem 1rem}.blog-page-main>h1{font-size:1.8rem}.blog-card{flex-direction:column}.blog-card-image{width:100%;height:200px}.blog-card-body{padding:1.25rem 1.5rem}}.blog-single-main{max-width:900px;margin:0 auto;padding:4rem 2rem}.blog-breadcrumb{color:#888;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.blog-breadcrumb a{color:var(--accent-green);text-decoration:none;transition:opacity .3s}.blog-breadcrumb a:hover{opacity:.8}.blog-single-article{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #ffffff0d;border-radius:20px;overflow:hidden}.blog-single-header{position:relative;overflow:hidden}.blog-single-header img{object-fit:cover;width:100%;max-height:500px;display:block}.blog-single-header:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1a1a1a);height:100px;position:absolute;bottom:0;left:0;right:0}.blog-single-body{padding:2.5rem 3rem 3rem}.blog-single-body h2{background:linear-gradient(135deg, #fff, var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700}.blog-single-meta{color:#888;background:#ffffff0a;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.9rem;display:inline-flex}.blog-single-excerpt{color:var(--text-secondary);border-left:3px solid var(--accent-green);background:#6ad6000a;border-radius:0 10px 10px 0;margin:1.5rem 0 2rem;padding:1.25rem 1.5rem;font-size:1.1rem;line-height:1.7}.blog-single-content h4{color:var(--accent-green);margin-top:2rem;margin-bottom:.75rem;font-size:1.2rem}.blog-single-content p{color:var(--text-secondary);margin:1rem 0;line-height:1.8}.blog-single-content ul,.blog-single-content ol{margin:1rem 0;padding-left:1.25rem}.blog-single-content li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.7}.social-share-buttons{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:2.5rem 0 .5rem;padding-top:2rem;display:flex}.social-share-btn{color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s;display:inline-flex}.social-share-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 20px #00000059}.social-share-btn.facebook{background:#1877f2}.social-share-btn.twitter{background:#1da1f2}.social-share-btn.linkedin{background:#0a66c2}.social-share-btn.whatsapp{background:#25d366}.social-share-btn.email{background:#6bad00}.blog-nav{justify-content:space-between;gap:1.5rem;margin-top:3rem;display:flex}.blog-nav a{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #ffffff0d;border-radius:12px;flex:1;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .3s,border-color .3s;display:block}.blog-nav a:hover{border-color:#6ad60033;transform:translateY(-2px)}.blog-nav-label{color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem;display:block}.blog-nav-title{color:#ccc;font-size:.95rem;line-height:1.4;display:block}.blog-nav-next{text-align:right}@media (width<=600px){.blog-single-main{padding:3rem 1rem}.blog-single-body{padding:1.5rem}.blog-single-body h2{font-size:1.5rem}.blog-nav{flex-direction:column}.social-share-buttons{flex-direction:column;align-items:stretch}.social-share-btn{justify-content:center}}.blog-single-body h1.blog-single-title{background:linear-gradient(135deg, #fff, var(--accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.25}@media (width<=600px){.blog-single-body h1.blog-single-title{font-size:1.5rem}}.blog-single-body .blog-single-content [data-level="4"]{color:var(--accent-green);-webkit-text-fill-color:currentColor;background:0 0;margin-top:2rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}}