@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.blog-post-container{min-height:100vh;background:linear-gradient(-45deg,#f8fbf9,#fff,#f4f9f6,#fafcfb);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}.blog-post-container:before{content:"";position:absolute;top:-50%;right:-20%;width:100px;height:100px;background:linear-gradient(135deg,#07a76f1a,#07a76f0d);border-radius:50%;animation:float 6s ease-in-out infinite;z-index:1}.blog-post-container:after{content:"";position:absolute;bottom:-30%;left:-10%;width:80px;height:80px;background:linear-gradient(135deg,#34c79014,#34c79008);border-radius:50%;animation:float 8s ease-in-out infinite reverse;z-index:1}.blog-header{background:linear-gradient(135deg,#07a76ff2,#1b4e53e6);padding:80px 0 100px;position:relative;overflow:hidden;z-index:2}.blog-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;background-size:50px 50px;animation:float 20s ease-in-out infinite;z-index:-1}.blog-header-content{max-width:1000px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:2;animation:fadeInUp 1s ease-out}.blog-title{font-size:3.2rem;font-weight:800;color:#fff;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.1);animation:slideInLeft 1s ease-out .2s both}.blog-meta{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:32px;animation:fadeInUp 1s ease-out .4s both}.blog-meta-item{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:1rem;font-weight:500}.blog-meta-icon{width:20px;height:20px;opacity:.8}.blog-category{background:#ffffff26;backdrop-filter:blur(10px);color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.blog-category:hover{background:#ffffff40;transform:translateY(-2px)}.blog-image-section{margin-top:-50px;padding:0 24px 80px;position:relative;z-index:3;animation:fadeInUp 1s ease-out .6s both}.blog-image-container{max-width:1200px;margin:0 auto;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;transition:transform .3s ease,box-shadow .3s ease}.blog-image-container:hover{transform:translateY(-5px);box-shadow:0 30px 80px #0003}.blog-featured-image{width:100%;height:400px;object-fit:cover;transition:transform .5s ease}.blog-image-container:hover .blog-featured-image{transform:scale(1.05)}.blog-content-section{max-width:1000px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:2;animation:fadeInUp 1s ease-out .8s both}.blog-content{background:#fff;padding:60px;border-radius:24px;box-shadow:0 8px 40px #0000000f;border:1px solid rgba(7,167,111,.08);position:relative;line-height:1.8}.blog-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#07a76f,#34c790,#07a76f);border-radius:24px 24px 0 0}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#1b4e53;font-weight:700;margin:48px 0 24px;line-height:1.3;position:relative}.blog-content h2{font-size:2.2rem;border-left:4px solid #07A76F;padding-left:20px;margin-left:-24px;animation:slideInLeft .6s ease-out}.blog-content h3{font-size:1.8rem;color:#2d5a5f}.blog-content h4{font-size:1.4rem;color:#34677b}.blog-content p{font-size:1.1rem;color:#444;margin:24px 0;line-height:1.8;text-align:justify}.blog-content strong{color:#1b4e53;font-weight:600}.blog-content em{color:#07a76f;font-style:italic}.blog-content ul,.blog-content ol{margin:24px 0;padding-left:0}.blog-content li{margin:12px 0;padding-left:32px;position:relative;font-size:1.1rem;line-height:1.7;color:#444}.blog-content ul li:before{content:"✓";position:absolute;left:0;top:0;color:#07a76f;font-weight:700;font-size:1.2em}.blog-content ol{counter-reset:list-counter}.blog-content ol li{counter-increment:list-counter}.blog-content ol li:before{content:counter(list-counter);position:absolute;left:0;top:0;background:#07a76f;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.blog-content blockquote{background:linear-gradient(135deg,#f8fbf9,#f0f7f3);border-left:5px solid #07A76F;margin:40px 0;padding:30px 40px;border-radius:0 16px 16px 0;position:relative;font-style:italic;font-size:1.2rem;color:#2d5a5f;box-shadow:0 4px 20px #07a76f1a}.blog-content blockquote:before{content:'"';font-size:4rem;color:#07a76f;position:absolute;top:-10px;left:20px;font-family:serif;opacity:.3}.blog-content pre{background:#1e1e1e;color:#f8f8f2;padding:24px;border-radius:12px;overflow-x:auto;margin:32px 0;border:1px solid #333}.blog-content code{background:#f5f5f5;color:#e91e63;padding:4px 8px;border-radius:6px;font-size:.95em;font-family:Monaco,Menlo,monospace}.blog-content pre code{background:none;color:inherit;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:12px;margin:32px 0;box-shadow:0 8px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-content img:hover{transform:scale(1.02);box-shadow:0 12px 40px #00000026}.blog-content a{color:#07a76f;text-decoration:none;font-weight:600;position:relative;transition:all .3s ease}.blog-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#07a76f,#34c790);transition:width .3s ease}.blog-content a:hover:after{width:100%}.blog-content a:hover{color:#34c790}.blog-content table{width:100%;margin:32px 0;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.blog-content th{background:linear-gradient(135deg,#07a76f,#34c790);color:#fff;padding:16px;font-weight:600;text-align:left}.blog-content td{padding:16px;border-bottom:1px solid #f0f0f0;transition:background .3s ease}.blog-content tr:hover td{background:#f8fbf9}@media (max-width: 768px){.blog-title{font-size:2.4rem}.blog-header-content{padding:0 16px}.blog-meta{flex-direction:column;gap:16px}.blog-content{padding:40px 24px;margin:0 16px}.blog-content h2{font-size:1.8rem}.blog-content h3{font-size:1.5rem}.blog-featured-image{height:250px}.blog-image-section{padding:0 16px 60px}.blog-content-section{padding:0 0 60px}}@media (max-width: 480px){.blog-title{font-size:2rem}.blog-content{padding:32px 20px}.blog-content h2{font-size:1.6rem;margin-left:-20px}.blog-content blockquote{padding:20px 24px}.blog-featured-image{height:200px}}html{scroll-behavior:smooth}.reading-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#07a76f,#34c790);z-index:1000;transition:width .1s ease}.blog-share-section{margin:60px 0 40px;padding:40px;background:linear-gradient(135deg,#f8fbf9,#f0f7f3);border-radius:16px;text-align:center;border:1px solid rgba(7,167,111,.1)}.blog-share-title{font-size:1.4rem;font-weight:700;color:#1b4e53;margin-bottom:24px}.blog-share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.blog-share-btn{padding:12px 24px;border-radius:30px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.blog-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}