@keyframes piano-keys{0%{background-position:0 0}to{background-position:40px 0}}@keyframes pulse{0%,to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}}body{background-color:#f8f9fa;color:#333;line-height:1.6;font-family:"lato",sans-serif;padding-top:80px}.blog-content{padding-top:2rem;padding-bottom:4rem}.blog-post{background-color:#0a0a0b;border-radius:12px;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}.blog-post-header{border-bottom:1px solid #eee;padding-bottom:1.5rem;margin-bottom:2rem}.blog-post-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1rem;font-family:"itim",sans-serif}.blog-post-meta{color:#6c757d;font-size:.95rem;margin-bottom:1.5rem}.blog-post-meta a{color:#6c757d;text-decoration:none;font-weight:600;transition:color .2s ease}.blog-post-meta a:hover{color:#555;text-decoration:underline}.blog-post-content h3{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1.5rem;color:#fff;font-weight:600;border-left:4px solid #fff;padding-left:1rem}.blog-post-content p{margin-bottom:1.5rem;font-size:1.05rem;color:#fff}.blog-post-content img{border-radius:8px;box-shadow:0 5px 15px rgba(255,255,255,.1);-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.blog-sidebar{position:sticky;top:2rem}.sidebar-widget{background-color:#0a0a0b;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;-o-transition:transform .3s ease}.sidebar-title{font-size:1.4rem;font-weight:600;margin-bottom:1.2rem;color:#fff;border-bottom:2px solid #eee;padding-bottom:.8rem;font-family:"itim",sans-serif}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.4rem .8rem;background-color:#f0f0f0;border-radius:50px;color:#000;text-decoration:none;font-size:.85rem;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.tag:hover{background-color:#000;color:#fff;transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px)}.related-posts .card{border:0;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.related-posts .card-img-top{height:180px;object-fit:cover}img[data-src]{opacity:0;transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in}img.lazy-loaded{opacity:1}.section-hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;-webkit-transition:opacity .6s ease,transform .6s ease;-moz-transition:opacity .6s ease,transform .6s ease;-ms-transition:opacity .6s ease,transform .6s ease;-o-transition:opacity .6s ease,transform .6s ease;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}.section-visible{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.reading-time{display:inline-block;padding:.3rem .8rem;background-color:#fff;border-radius:50px;font-size:.85rem;margin-bottom:1.5rem;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.progress-container{top:80px;left:0;height:8px;background:0 0}.progress-bar{height:8px;background:repeating-linear-gradient(90deg,#000 0,#000 20px,#fff 20px,#fff 40px);width:0%;transition:width .1s ease;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:width .1s ease;-moz-transition:width .1s ease;-ms-transition:width .1s ease;-o-transition:width .1s ease}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1100;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}[data-aos]{will-change:transform,opacity;backface-visibility:hidden}.share-buttons{display:flex;gap:.5rem;margin-top:1rem}.share-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;color:#fff;transition:all .3s ease}.cta-banner .btn-light:hover,.cta-banner .btn-outline-light:hover,.share-button:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}.share-button:hover{background-color:#000;color:#fff}.blog-header{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/img/blog/piano.webp);background-size:cover;background-position:center;color:#fff;padding:5rem 0;margin-bottom:2rem;border-radius:0 0 50px 50px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.blog-header .lead{max-width:700px;margin:0 auto;font-size:1.2rem}.fade-up.visible{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.navbar-spacer{height:100px;width:100%}.progress-container{position:fixed;top:8.5rem;width:100%;z-index:999}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}.cta-banner{background:linear-gradient(135deg,#000 0,#333 100%);position:relative;overflow:hidden}.cta-banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?auto=format&fit=crop&w=2000&q=80)center/cover no-repeat;opacity:.15;z-index:0}.cta-content{background:rgba(0,0,0,.7);backdrop-filter:blur(5px);box-shadow:0 15px 30px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease;-webkit-transition:transform .3s ease,box-shadow .3s ease;-moz-transition:transform .3s ease,box-shadow .3s ease;-ms-transition:transform .3s ease,box-shadow .3s ease;-o-transition:transform .3s ease,box-shadow .3s ease}.cta-content:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.4);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px)}.cta-banner .btn-light{background:#fff;color:#000;border:0;transition:all .3s ease}.cta-banner .btn-light:hover,.cta-banner .btn-outline-light:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}.cta-banner .btn-light:hover{background:#f8f9fa}.cta-banner .btn-outline-light{border:2px solid #fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.cta-banner .btn-outline-light:hover{background:rgba(255,255,255,.1)}.cta-image img{transform:rotate(3deg);transition:transform .5s ease;border:5px solid rgba(255,255,255,.2);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-ms-transition:transform .5s ease;-o-transition:transform .5s ease}.cta-image img:hover{transform:rotate(0deg) scale(1.05);-webkit-transform:rotate(0deg) scale(1.05);-moz-transform:rotate(0deg) scale(1.05);-ms-transform:rotate(0deg) scale(1.05);-o-transform:rotate(0deg) scale(1.05)}@media (max-width:992px){.cta-content{padding:3rem!important}}.progress-bar.active{animation:piano-keys 2s linear infinite;-webkit-animation:piano-keys 2s linear infinite}.bg-card{background-color:#0a0a0b;border:solid 5px #fff!important;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.bord{border-top:solid 5px #fff!important}.social-share{color:#fff!important}.music-player-widget{margin-bottom:30px}.music-player-container{background:linear-gradient(145deg,#1e1e1e,#2d2d2d);border:1px solid rgba(255,255,255,.1)}.track-item{transition:all .3s ease;padding:8px;border-radius:8px}.track-item:hover{background-color:rgba(255,255,255,.1)}.track-img{object-fit:cover}.btn-outline-light{border-width:1px}.btn-outline-light:hover,.play-btn:hover{background-color:#fff;color:#000}#audio-player-container{border-radius:8px;overflow:hidden;margin-top:15px;background-color:rgba(0,0,0,.2);padding:10px}#audio-player{border-radius:5px}.play-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.scroll-arrows{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;gap:10px;z-index:1000}.scroll-btn{width:45px;height:45px;border-radius:50%;background-color:rgba(0,0,0,.7);border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.7}.scroll-btn:hover{background-color:#000;opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.scroll-btn.show{opacity:.7}#scroll-up-btn{opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease}#scroll-up-btn.show{opacity:.7;pointer-events:auto}#scroll-down-btn i{animation:pulse 1.5s infinite;-webkit-animation:pulse 1.5s infinite}