.blog-hero{background:#fff;border-radius:25px;padding:45px 30px;text-align:center;color:#0d0925;position:relative;overflow:visible;margin:30px 20px 0;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow:0px 14px 80px rgba(34,35,58,0.2);transition:all .3s}.blog-hero:hover{transform:translateY(-5px);box-shadow:0px 20px 100px rgba(102,126,234,0.3)}.blog-hero-content{position:relative;z-index:2}.blog-hero h1{font-size:42px;font-weight:800;margin-bottom:15px;color:#0d0925;position:relative;z-index:2;letter-spacing:-0.5px}.blog-hero h1 i{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:10px}.blog-hero p{font-size:16px;color:#4e4a67;max-width:600px;margin:0 auto;position:relative;z-index:2;line-height:1.6}body.dark .blog-hero,body.darkmode .blog-hero{background:rgba(26,31,46,0.9);border:1px solid rgba(102,126,234,0.2)}body.dark .blog-hero h1,body.darkmode .blog-hero h1{color:#e1e8ed}body.dark .blog-hero p,body.darkmode .blog-hero p{color:#b0b0b0}.blog-container{max-width:1200px;margin:50px auto 80px;padding:0 20px;position:relative;z-index:1}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:120px;margin-bottom:60px;row-gap:120px;align-items:center}.blog-grid .blog-slider--featured{grid-column:span 2}.new-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:white;padding:8px 20px;border-radius:25px;font-size:12px;font-weight:800;z-index:10;box-shadow:0 6px 20px rgba(255,107,107,0.5);letter-spacing:1px;text-transform:uppercase;animation:newPulse 2s ease-in-out infinite}@keyframes newPulse{0%,100%{box-shadow:0 6px 20px rgba(255,107,107,0.5);transform:scale(1)}50%{box-shadow:0 8px 28px rgba(255,107,107,0.8);transform:scale(1.05)}}.blog-slider--vertical{display:flex;flex-direction:column;background:#fff;border-radius:25px;overflow:visible;box-shadow:0px 14px 80px rgba(34,35,58,0.2);transition:all .3s;min-height:600px;position:relative}.blog-slider--vertical:hover{transform:translateY(-10px);box-shadow:0px 20px 100px rgba(102,126,234,0.3)}.blog-slider__img-top{width:300px;height:300px;overflow:hidden;border-radius:20px;position:absolute;top:-80px;left:50%;transform:translateX(-50%);box-shadow:4px 13px 30px 1px rgba(102,126,234,0.3);z-index:1}.blog-slider__img-top img{width:100%;height:100%;object-fit:cover;transition:all .3s;border-radius:20px}.blog-slider--vertical:hover .blog-slider__img-top img{transform:scale(1.1)}.blog-slider__img-top::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(147deg,#667eea 0%,#764ba2 74%);border-radius:20px;opacity:0.6}.blog-slider__content-bottom{padding:25px;padding-top:240px;display:flex;flex-direction:column;flex:1;text-align:right;position:relative;z-index:0}.blog-slider__content-bottom .blog-slider__code{color:#7b7992;margin-bottom:15px;display:block;font-weight:500;font-size:14px}.blog-slider__content-bottom .blog-slider__title{font-size:20px;font-weight:700;color:#0d0925;margin-bottom:15px;line-height:1.4}.blog-slider__content-bottom .blog-slider__text{color:#4e4a67;margin-bottom:20px;line-height:1.6;font-size:14px;flex:1}.blog-slider__content-bottom .blog-slider__button{display:inline-flex;background-image:linear-gradient(147deg,#667eea 0%,#764ba2 74%);padding:12px 30px;border-radius:50px;color:#fff;box-shadow:0px 14px 80px rgba(102,126,234,0.4);text-decoration:none;font-weight:500;justify-content:center;text-align:center;letter-spacing:1px;transition:all 0.3s ease;align-self:flex-end;margin-top:auto}.blog-slider__content-bottom .blog-slider__button:hover{transform:translateY(-3px);box-shadow:0px 18px 90px rgba(102,126,234,0.5)}body.dark .blog-slider--vertical,body.darkmode .blog-slider--vertical{background:rgba(26,31,46,0.9);border:1px solid rgba(102,126,234,0.2)}body.dark .blog-slider__content-bottom .blog-slider__title,body.darkmode .blog-slider__content-bottom .blog-slider__title{color:#e1e8ed}body.dark .blog-slider__content-bottom .blog-slider__text,body.darkmode .blog-slider__content-bottom .blog-slider__text{color:#b0b0b0}body.dark .blog-slider__content-bottom .blog-slider__code,body.darkmode .blog-slider__content-bottom .blog-slider__code{color:#8899a6}.blog-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;position:relative}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}body.dark .blog-card,body.darkmode .blog-card{background:rgba(26,31,46,0.8);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.5)}body.dark .blog-card:hover,body.darkmode .blog-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px rgba(102,126,234,0.4);border-color:rgba(102,126,234,0.5)}.blog-card-image{width:100%;height:240px;object-fit:cover;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:transform 0.4s ease}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{padding:20px;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.blog-card-meta{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:#6c757d}.blog-card-meta span{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(102,126,234,0.08);border-radius:20px;transition:all 0.3s ease}.blog-card-meta span:hover{background:rgba(102,126,234,0.15);transform:translateY(-2px)}body.dark .blog-card-meta,body.darkmode .blog-card-meta{color:#8899a6}body.dark .blog-card-meta span,body.darkmode .blog-card-meta span{background:rgba(102,126,234,0.15)}body.dark .blog-card-meta span:hover,body.darkmode .blog-card-meta span:hover{background:rgba(102,126,234,0.25)}.blog-card-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#1a1a1a;line-height:1.4}.blog-card-title a{color:inherit;text-decoration:none;transition:all 0.3s ease;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom}.blog-card-title a:hover{background-size:100% 2px;color:#667eea}body.dark .blog-card-title,body.darkmode .blog-card-title{color:#e1e8ed}body.dark .blog-card-title a:hover,body.darkmode .blog-card-title a:hover{color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:left bottom}.blog-card-excerpt{color:#555;line-height:1.6;margin-bottom:15px;flex:1;font-size:14px}body.dark .blog-card-excerpt,body.darkmode .blog-card-excerpt{color:#b0b0b0}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #eee;margin-top:auto}.blog-card-author{display:flex;align-items:center;gap:10px;font-size:14px;color:#6c757d;padding:8px 15px;background:rgba(102,126,234,0.05);border-radius:20px;transition:all 0.3s ease}.blog-card-author:hover{background:rgba(102,126,234,0.1);transform:translateX(-3px)}body.dark .blog-card-footer,body.darkmode .blog-card-footer{border-top:1px solid rgba(102,126,234,0.2)}body.dark .blog-card-author,body.darkmode .blog-card-author{color:#8899a6;background:rgba(102,126,234,0.15)}body.dark .blog-card-author:hover,body.darkmode .blog-card-author:hover{background:rgba(102,126,234,0.25)}.blog-card-read-more{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(102,126,234,0.3);position:relative;overflow:hidden}.blog-card-read-more::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.blog-card-read-more:hover::before{width:300px;height:300px}.blog-card-read-more:hover{color:white;transform:translateX(5px) translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.5)}.blog-card-read-more i{transition:transform 0.4s ease}.blog-card-read-more:hover i{transform:translateX(5px)}.pagination{display:flex;justify-content:center;gap:10px;margin-top:60px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:white;color:#667eea;text-decoration:none;font-weight:600;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden}.pagination a::before,.pagination span::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity 0.4s ease}.pagination a:hover{color:white;transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.pagination a:hover::before{opacity:1}.pagination .active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 6px 20px rgba(102,126,234,0.4)}.pagination a span,.pagination span span{position:relative;z-index:1}body.dark .pagination a,body.dark .pagination span,body.darkmode .pagination a,body.darkmode .pagination span{background:rgba(26,31,46,0.8);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.3);color:#667eea;box-shadow:0 4px 15px rgba(0,0,0,0.5)}body.dark .pagination a:hover,body.darkmode .pagination a:hover{border-color:rgba(102,126,234,0.6);color:white}body.dark .pagination .active,body.darkmode .pagination .active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:white}.no-articles{text-align:center;padding:80px 20px;background:white;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden}.no-articles::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.05) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.no-articles i{font-size:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;animation:floatIcon 3s ease-in-out infinite;position:relative;z-index:1}@keyframes floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.no-articles h2{font-size:32px;margin-bottom:15px;color:#1a1a1a;position:relative;z-index:1}.no-articles p{font-size:18px;color:#6c757d;position:relative;z-index:1}body.dark .no-articles,body.darkmode .no-articles{background:rgba(26,31,46,0.8);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.5)}body.dark .no-articles h2,body.darkmode .no-articles h2{color:#e1e8ed}body.dark .no-articles p,body.darkmode .no-articles p{color:#8899a6}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-grid .blog-slider--featured{grid-column:span 2}.blog-slider__img-top{width:280px;height:280px}.blog-slider--vertical{min-height:550px}}@media (max-width:768px){.blog-hero{padding:35px 20px;margin:20px 15px 0;border-radius:20px}.blog-hero h1{font-size:26px;margin-bottom:12px}.blog-hero p{font-size:14px;padding:0}.blog-container{margin:35px auto 60px}.blog-grid{grid-template-columns:1fr;gap:25px}.blog-grid .blog-slider--featured{grid-column:span 1}.blog-slider__img-top{height:220px}.blog-slider__content-bottom{padding:20px}}@media (max-width:768px){.blog-slider__content-bottom{margin-top:150px}}