.blog-page{padding:2rem;max-width:1200px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 20px rgba(0,188,212,.08);margin:2rem auto 3rem}.blog-title{text-align:center;font-size:3.5rem;margin-bottom:1rem;color:#2c3e50;letter-spacing:.5px;font-family:var(--font-irish-grover);font-weight:400;background:linear-gradient(135deg,#2c3e50,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.blog-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,#00bcd4,#2c3e50);border-radius:2px}.blog-subtitle{text-align:center;font-size:1.3rem;color:#6c757d;margin-bottom:3rem;font-family:var(--font-alice);font-style:italic}.blog-grid>.blog-card:only-child{max-width:500px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:2rem}.blog-card{background:hsla(0,0%,100%,.9);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.2);position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00bcd4,#2c3e50,#00bcd4);border-radius:20px 20px 0 0;transition:height .3s ease}.blog-card:hover{box-shadow:0 12px 48px rgba(0,188,212,.15);border:1px solid rgba(0,188,212,.2)}.blog-card:hover:before{height:6px}.blog-image{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{padding:2rem;text-align:left;position:relative}.blog-post-title{font-size:1.6rem;margin-bottom:1rem;color:#2c3e50;font-family:var(--font-irish-grover);font-weight:400;line-height:1.3;transition:color .3s ease}.blog-card:hover .blog-post-title{color:#00bcd4}.blog-meta{margin-bottom:1rem}.blog-author{font-size:.95rem;color:#6c757d;margin-bottom:.5rem;font-family:var(--font-alice);font-weight:500}.blog-date{color:#8a8a8a}.blog-categories,.blog-date{font-size:.9rem;margin-bottom:0;font-family:var(--font-alice)}.blog-categories{color:#00bcd4;font-style:italic;background:rgba(0,188,212,.1);padding:.6rem 1rem;border-radius:15px;display:inline-block;text-align:left}.blog-action{margin-top:1.5rem;text-align:center}.blog-read-more{display:inline-block;font-size:1rem;color:#fff;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:25px;text-decoration:none;padding:.8rem 1.8rem;font-weight:500;transition:all .3s ease;font-family:var(--font-alice);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,188,212,.3);transform:translateY(0)}.blog-read-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.blog-card:hover .blog-read-more{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,188,212,.4)}.blog-read-more:hover{background:linear-gradient(135deg,#00acc1,#00838f);transform:translateY(-4px)!important;box-shadow:0 12px 30px rgba(0,188,212,.5)!important}.blog-read-more:hover:before{left:100%}@media (max-width:768px){.blog-page{padding:1rem;margin:0;background:none;backdrop-filter:none;border-radius:0;box-shadow:none}.blog-title{font-size:2.8rem}.blog-subtitle{font-size:1.1rem;margin-bottom:2rem}.blog-grid{gap:1.5rem}.blog-grid>.blog-card:only-child{max-width:100%;margin:0 1rem}.blog-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #eee}.blog-card:before{display:none}.blog-content{padding:1.5rem}.blog-categories{background:rgba(0,188,212,.05);border:1px solid rgba(0,188,212,.2)}.blog-read-more{font-size:.95rem;padding:.7rem 1.5rem}.blog-action{margin-top:1rem}}@media (max-width:480px){.blog-title{font-size:2.2rem}.blog-image{height:180px}.blog-content{padding:1.2rem}}@media (prefers-color-scheme:dark){.blog-page{background:rgba(30,34,42,.9);border:1px solid hsla(0,0%,100%,.1)}.blog-title{background:linear-gradient(135deg,#fff,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{color:#b0b6c3}.blog-excerpt{color:#c6ccd4}.blog-card{background:rgba(40,44,52,.9);border:1px solid hsla(0,0%,100%,.1)}.blog-card:hover{background:rgba(45,49,57,.95);border:1px solid rgba(0,188,212,.3)}.blog-post-title{color:#b7bfca!important}.blog-card:hover .blog-post-title{color:#00bcd4!important}.blog-author{color:#b0b6c3}.blog-date{color:#8a9199}.blog-categories{color:#00bcd4;background:rgba(0,188,212,.15)}@media (max-width:768px){.blog-page{background:transparent}.blog-card{background:rgba(35,39,47,.95);border:1px solid hsla(0,0%,100%,.08)}.blog-categories{background:rgba(0,188,212,.1);border:1px solid rgba(0,188,212,.3)}}}