.blog-container{width:100%;min-height:100vh;background:transparent;color:#ffffff;padding:1rem 1rem 8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.blog-wrapper{max-width:800px;margin:0 auto}.blog-header{text-align:center;margin-bottom:5rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.blog-title{font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#20aeb1,#60df0c);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-subtitle{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:500px;margin:0 auto}.blog-list{gap:3rem}.blog-card,.blog-list{display:flex;flex-direction:column}.blog-card{background:rgba(15,15,15,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px -10px rgba(0,0,0,.5);border-color:rgba(32,174,177,.3)}.blog-image-wrapper{width:100%;height:250px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{padding:2rem}.blog-date{font-size:.85rem;color:#20aeb1;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-title-link{text-decoration:none;color:inherit}.post-title{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:#fff;line-height:1.3;transition:color .2s ease}.blog-title-link:hover .post-title{color:#60df0c}.post-excerpt{color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.read-more-wrapper{margin-top:auto}.read-more-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:2px;transition:all .2s ease}.read-more-link:hover{color:#20aeb1;border-bottom-color:#20aeb1;gap:.8rem}.arrow-icon{width:18px;height:18px}@media (max-width:640px){.blog-title{font-size:2.2rem}.blog-card{padding:0}.blog-content{padding:1.5rem}.post-title{font-size:1.5rem}}.blog-nav{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7);text-decoration:none;font-weight:500;transition:color .2s ease}.back-link:hover{color:#20aeb1}.blog-post-card.full-post{padding:3rem;background:rgba(15,15,15,.75)}.post-header{margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.single-post-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#fff}.post-meta{color:rgba(255,255,255,.6);font-size:.95rem;font-family:monospace}.single-post-image-wrapper{margin-bottom:3rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.single-post-image{width:100%;height:auto;display:block}.blog-content-body{color:rgba(255,255,255,.85);line-height:1.8;font-size:1.125rem}.blog-content-body h1,.blog-content-body h2,.blog-content-body h3{color:#fff;margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.blog-content-body h2{font-size:1.8rem;border-left:4px solid #60df0c;padding-left:1rem}.blog-content-body h3{font-size:1.4rem;color:#20aeb1}.blog-content-body p{margin-bottom:1.5rem}.blog-content-body a{color:#60df0c;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-content-body a:hover{border-bottom-color:#60df0c}.blog-content-body ol,.blog-content-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content-body li{margin-bottom:.5rem;padding-left:.5rem}.blog-content-body code{background:rgba(255,255,255,.1);padding:.2em .4em;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#e6e6e6}.blog-content-body pre{background:#000;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15)}.blog-content-body pre code{background:transparent;padding:0;color:#60df0c;font-size:.95rem}@media (max-width:768px){.blog-post-card.full-post{padding:1.5rem}.single-post-title{font-size:1.8rem}.blog-content-body{font-size:1rem}}.card-footer{margin-top:auto;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.action-group,.card-footer{display:flex;align-items:center}.action-group{gap:.8rem}.post-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.single-post-title{margin-bottom:0;flex:1 1}.post-title-row .share-btn{margin-top:8px}