.tech-blog-page{background-color:var(--white)}.tech-blog-main{min-height:100vh}.hero-section{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);text-align:center}.hero-section h1{font-size:3.5rem;margin-bottom:20px;color:var(--white)}.hero-section .subtitle{font-size:1.5rem;opacity:.9}.blog-posts-section{padding:80px 0;background-color:var(--white)}.blog-posts-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--gray-800)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:40px}.article-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease;border:2px solid transparent}.article-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 15px 35px rgba(0,0,0,.15)}.article-image{width:100%;height:250px;background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-400) 100%);display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:3rem}.article-content{padding:30px}.article-meta{display:flex;align-items:center;margin-bottom:15px;font-size:.9rem;color:var(--gray-500)}.article-date{margin-right:20px}.article-category{background:var(--primary-color);color:var(--white);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.article-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--gray-800);line-height:1.3}.article-card p{color:var(--gray-600);line-height:1.6;margin-bottom:20px}.read-more-btn{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.read-more-btn:hover{background-color:var(--primary-color);color:var(--white)}.featured-post-section{padding:80px 0;background-color:var(--gray-100)}.featured-post-section h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--gray-800)}.featured-post{max-width:800px;margin:0 auto;background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1)}.featured-post-image{width:100%;height:400px;background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-400) 100%);display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:4rem}.featured-post-content{padding:40px}.featured-post-meta{display:flex;align-items:center;margin-bottom:20px;font-size:1rem;color:var(--gray-500)}.featured-post-date{margin-right:25px}.featured-post-category{background:var(--primary-color);color:var(--white);padding:6px 15px;border-radius:25px;font-size:.9rem;font-weight:500}.featured-post h3{font-size:2rem;margin-bottom:20px;color:var(--gray-800);line-height:1.3}.featured-post p{color:var(--gray-600);line-height:1.7;margin-bottom:25px;font-size:1.1rem}.featured-read-more-btn{background-color:var(--primary-color);color:var(--white);border:none;padding:12px 25px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.featured-read-more-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.newsletter-section{padding:80px 0;background-color:var(--white)}.newsletter-section h2{text-align:center;font-size:2.5rem;margin-bottom:20px;color:var(--gray-800)}.newsletter-section p{text-align:center;font-size:1.2rem;color:var(--gray-600);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{max-width:500px;margin:0 auto;display:flex;gap:15px}.newsletter-input{flex:1;padding:15px;border:2px solid var(--gray-300);border-radius:6px;font-size:16px;transition:border-color .3s ease}.newsletter-input:focus{outline:none;border-color:var(--primary-color)}.newsletter-btn{background-color:var(--primary-color);color:var(--white);border:none;padding:15px 25px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.newsletter-btn:hover{background-color:var(--primary-hover)}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section .subtitle{font-size:1.2rem}.blog-grid{grid-template-columns:1fr}.featured-post-content{padding:30px 20px}.featured-post h3{font-size:1.6rem}.newsletter-form{flex-direction:column;margin:0 20px}.article-content{padding:25px 20px}}