*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root[data-brand=PODCASTINO]{--primary-color:#ff6f00;--background:#fff;--foreground:#171717;--accent-gradient:linear-gradient(90deg,#ff6f00,#ffa726);--accent-gradient-webkit:-webkit-linear-gradient(90deg,#ff6f00,#ffa726)}:root[data-brand=YUTAPP]{--primary-color:#007bff;--background:#f8f9fa;--foreground:#111;--accent-gradient:linear-gradient(90deg,#007bff,#9bd2ff);--accent-gradient-webkit:-webkit-linear-gradient(90deg,#007bff,#9bd2ff)}.blog-post-main{background-color:var(--background);min-height:100vh}.breadcrumbs{padding:2rem 0}.breadcrumbs ol{display:flex;list-style:none;gap:.8rem;font-size:1.4rem}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.8rem;color:#6c757d}.breadcrumbs a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{text-decoration:underline;color:color-mix(in srgb,var(--primary-color) 80%,#000)}.blog-post-header{padding:3rem 0;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05)}.brand-badge.large{position:static;display:inline-block;margin-bottom:1.6rem;font-size:1.4rem;padding:.6rem 1.6rem;background-color:var(--primary-color);color:#fff;border-radius:50px}.blog-post-title{font-size:4rem;line-height:1.2;color:var(--foreground);margin-bottom:2rem}.blog-post-meta{margin-bottom:3rem;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.author-date,.blog-post-meta{display:flex;align-items:center}.author-date{gap:2rem;font-size:1.4rem;color:#6c757d}.author{font-weight:600;color:var(--foreground)}.featured-image{border-radius:8px;overflow:hidden;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1)}.featured-image img{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}.blog-post-content{padding:5rem 0}.blog-post-body{max-width:80rem;margin:0 auto 6rem;font-size:1.8rem;line-height:1.8;color:var(--foreground);background-color:#fff;padding:4rem;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3{color:var(--foreground);position:relative;margin-bottom:1.5rem}.blog-post-body h2{padding-bottom:1rem;border-bottom:3px solid var(--primary-color)}.blog-post-body a{color:var(--primary-color);text-decoration:underline;transition:color .3s ease}.blog-post-body a:hover{color:color-mix(in srgb,var(--primary-color) 80%,#000)}.blog-post-body blockquote{border-left:4px solid var(--primary-color);padding:2rem 3rem;margin:3.2rem 0;background-color:#f0f4f8;font-style:italic;border-radius:4px}.blog-post-body pre{background-color:#263238;color:#f8f9fa;padding:2rem;border-radius:8px;overflow-x:auto;margin:3.2rem 0;font-size:1.4rem}.social-buttons{flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;border-radius:100px;font-size:1.6rem;font-weight:600;min-width:14rem}.social-button.facebook,.social-button.linkedin,.social-button.twitter{color:#fff}.social-button:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem rgba(0,0,0,.15)}@media (max-width:768px){.blog-post-title{font-size:3.2rem}.blog-post-body{padding:2rem;font-size:1.6rem}.social-buttons{flex-direction:column;align-items:center}}@media (max-width:576px){.blog-cta h2,.blog-post-title{font-size:2.8rem}}.social-sharing{max-width:80rem;margin:0 auto 6rem;text-align:center;background-color:#fff;padding:3rem;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.social-sharing h3{font-size:2.4rem;margin-bottom:2.4rem;color:var(--foreground)}.social-buttons{display:flex;justify-content:center;gap:1rem}.social-button{padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:500;text-decoration:none;color:#fff;transition:all .3s ease;border:none;cursor:pointer;min-width:120px}.social-button.twitter{background-color:#1da1f2}.social-button.facebook{background-color:#4267b2}.social-button.linkedin{background-color:#0077b5}.social-button:hover{opacity:.9;transform:translateY(-2px)}.related-posts{max-width:120rem;margin:0 auto 3rem;padding:4rem 2rem}.related-posts h3{text-align:center;font-size:2.8rem;margin-bottom:3.2rem;color:var(--foreground);position:relative;display:inline-block}.related-posts h3:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:6rem;height:4px;background:var(--accent-gradient);border-radius:2px}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.related-post-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;height:100%}.related-post-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.12)}.related-post-card a{text-decoration:none;color:inherit;display:block;height:100%}.related-post-image{position:relative;height:250px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-post-card:hover .related-post-image img{transform:scale(1.05)}.brand-badge.small{position:absolute;top:1rem;right:1rem;background-color:var(--primary-color);color:#fff;font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:50px;text-transform:capitalize;z-index:2}.related-post-content{padding:1.5rem}.related-post-content h4{font-size:1.5rem;line-height:1.4;margin-bottom:1rem;color:var(--foreground)}.related-post-meta{font-size:1rem;color:#6c757d}@media (max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-posts-grid{grid-template-columns:1fr}.social-buttons{flex-direction:column;align-items:center;gap:1rem}.social-button{width:100%;max-width:300px}}.blog-cta{background:var(--accent-gradient);color:#fff;text-align:center;padding:6rem 2rem}.blog-cta .container{max-width:800px;margin:0 auto}.blog-cta h2{font-size:3.6rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.blog-cta p{font-size:1.8rem;color:hsla(0,0%,100%,.9);margin-bottom:2.5rem;line-height:1.6}.cta-button{display:inline-block;background-color:#fff;color:var(--primary-color);font-size:1.8rem;font-weight:600;padding:1.6rem 3.6rem;border-radius:100px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.cta-button:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.15)}@media (max-width:768px){.blog-cta{padding:4rem 1.5rem}.blog-cta h2{font-size:2.8rem}.blog-cta p,.cta-button{font-size:1.6rem}.cta-button{padding:1.4rem 3rem}}@media (max-width:480px){.blog-cta h2{font-size:2.4rem}.blog-cta p{font-size:1.4rem}}