.blog_page{padding:80px 0 60px}.blog_header{text-align:center;margin-bottom:70px;padding:60px 20px 40px}.blog_header h1{letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-text-color)0%,var(--link-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2}.blog_subtitle{color:var(--secondary-text-color);opacity:.8;max-width:700px;margin:0 auto;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:400;line-height:1.6}.image_wrapper{border-radius:12px 12px 0 0;width:100%;height:300px;position:relative}.image_wrapper img{object-fit:cover}.featured{gap:30px;margin-bottom:30px;display:flex;position:relative}.featured_post{background:var(--secondary-bg-color);border:1px solid #0000000d;border-radius:16px;flex:1;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.featured_post:hover{box-shadow:0 15px 40px #0000001f}.post_info{background:var(--secondary-bg-color);padding:30px;position:relative}.post_info h2{color:var(--primary-text-color);margin:12px 0 16px;font-size:22px;font-weight:700;line-height:1.3;transition:color .3s}.featured_post:hover .post_info h2{color:var(--link-color)}.post_info h3{color:var(--primary-text-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:12px 0 16px;font-size:22px;font-weight:600;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.blog_post:hover .post_info h3{color:var(--link-color)}.post_info p{color:var(--primary-text-color);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.7;display:-webkit-box;overflow:hidden}.author_date{color:#888;border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:10px;padding-top:16px;font-size:14px;display:flex}.author_date span:first-child{font-weight:500}.blog_posts{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.blog_post{border-radius:12px;transition:transform .3s;overflow:hidden;box-shadow:0 5px 15px #0000000d}@media (max-width:1024px){.blog_posts{grid-template-columns:repeat(2,1fr);gap:30px}.blog_header{margin-bottom:60px;padding:50px 20px 30px}.post_info{padding:24px}.post_info h3{font-size:21px}}@media (max-width:768px){.blog_page{padding:60px 0 40px}.blog_header{margin-bottom:50px;padding:40px 15px 30px}.image_wrapper{height:250px}.featured{flex-direction:column;gap:30px;margin-bottom:40px}.post_info{padding:20px}.post_info h3{-webkit-line-clamp:2;margin:10px 0 12px;font-size:20px}.post_info p{-webkit-line-clamp:3;margin-bottom:16px;font-size:15px}.author_date{flex-wrap:wrap;gap:8px;padding-top:12px;font-size:13px}.blog_posts{grid-template-columns:1fr;gap:25px}}@media (max-width:480px){.blog_page{padding:40px 0 30px}.blog_header{margin-bottom:40px;padding:30px 12px 20px}.blog_header h1{margin-bottom:16px;font-size:clamp(1.8rem,6vw,2.5rem)}.blog_subtitle{font-size:clamp(.95rem,3vw,1.1rem)}.image_wrapper{height:200px}.post_info{padding:16px}.post_info h3{-webkit-line-clamp:2;margin:8px 0 10px;font-size:18px}.post_info p{-webkit-line-clamp:2;margin-bottom:12px;font-size:14px;line-height:1.6}.author_date{flex-direction:column;align-items:flex-start;gap:4px;padding-top:10px;font-size:12px}.blog_posts{gap:20px}}.no-articles{text-align:center;background:var(--background-color);flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:120px 20px;display:flex}.no-articles-content{max-width:700px;margin:0 auto}.no-articles h1{color:#0000;-webkit-text-stroke:2px var(--text-color);text-stroke:2px var(--text-color);letter-spacing:-.02em;margin-bottom:32px;font-size:4.5rem;font-weight:800;line-height:1.1}.no-articles p{color:var(--text-secondary);opacity:.85;margin-bottom:48px;font-size:1.3rem;font-weight:400;line-height:1.7}.no-articles-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:14px;align-items:center;gap:14px;padding:18px 36px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px 20px #007bff4d}.no-articles-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-3px);box-shadow:0 10px 30px #007bff66}@media (max-width:768px){.no-articles{min-height:60vh;padding:80px 20px}.no-articles h1{margin-bottom:28px;font-size:3.2rem}.no-articles p{margin-bottom:40px;font-size:1.2rem}.no-articles-button{padding:16px 32px;font-size:1.1rem}}@media (max-width:480px){.no-articles{padding:60px 16px}.no-articles h1{margin-bottom:24px;font-size:2.5rem}.no-articles p{margin-bottom:36px;font-size:1.1rem}.no-articles-button{padding:14px 28px;font-size:1rem}}
