:root{--feature-gradient-start:#0f0a18;--feature-gradient-end:#1f122f;--feature-accent:#6c63ff;--feature-accent-light:#8a84ff;--feature-accent-dark:#5a52e0;--feature-light-bg:#f8f9fc;--feature-dark-text:#2d2d2d;--feature-gray-text:#666666;--feature-card-bg:#ffffff;--feature-shadow:0 10px 30px rgba(108, 99, 255, 0.1)}.blog-features-section{padding:7rem 0;background-color:var(--feature-light-bg);position:relative;overflow:hidden}.blog-features-section::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,rgb(108 99 255 / .03),rgb(108 99 255 / .08));clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);z-index:1}.blog-features-section::after{content:'';position:absolute;bottom:0;left:0;width:30%;height:70%;background:linear-gradient(135deg,rgb(108 99 255 / .05),rgb(108 99 255 / .02));clip-path:polygon(0 30%,100% 0%,100% 100%,0% 100%);z-index:1}.blog-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;position:relative;z-index:2}.blog-feature-card{background:var(--feature-card-bg);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(.165,.84,.44,1);box-shadow:0 5px 15px rgb(0 0 0 / .05);position:relative;height:100%;display:flex;flex-direction:column}.blog-feature-card:hover{transform:translateY(-15px);box-shadow:var(--feature-shadow)}.blog-feature-image{width:100%;height:220px;overflow:hidden;position:relative}.blog-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease}.blog-feature-card:hover .blog-feature-image img{transform:scale(1.08)}.blog-feature-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(15 10 24 / .05),rgb(15 10 24 / .75));display:flex;align-items:flex-end;padding:1.5rem;transition:all 0.3s ease}.blog-feature-card:hover .blog-feature-overlay{background:linear-gradient(to bottom,rgb(15 10 24 / .05),rgb(108 99 255 / .75))}.blog-feature-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;padding:10px 15px;width:100%;line-height:1.3;text-shadow:0 2px 4px rgb(0 0 0 / .2);transition:all 0.3s ease}.blog-feature-card:hover .blog-feature-title{transform:translateY(-5px)}.blog-feature-content{padding:1.8rem;flex:1;display:flex;flex-direction:column}.blog-feature-description{color:var(--feature-gray-text);margin-bottom:1.8rem;line-height:1.7;flex:1}.blog-feature-link{display:inline-flex;align-items:center;color:var(--feature-accent);text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;margin-top:auto;position:relative;padding-bottom:5px}.blog-feature-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--feature-accent);transition:width 0.3s ease}.blog-feature-link:hover{color:var(--feature-accent-dark)}.blog-feature-link:hover::after{width:100%}.blog-feature-link svg{margin-left:.5rem;transition:transform 0.3s ease}.blog-feature-link:hover svg{transform:translateX(5px)}.blog-feature-card:nth-child(1){transform:translateY(5px)}.blog-feature-card:nth-child(3){transform:translateY(5px)}.blog-feature-card:nth-child(1):hover,.blog-feature-card:nth-child(3):hover{transform:translateY(-10px)}@media (max-width:1200px){.blog-features-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.blog-feature-title{font-size:1.3rem}}@media (max-width:992px){.blog-features-grid{grid-template-columns:repeat(2,1fr)}.blog-feature-card:nth-child(1),.blog-feature-card:nth-child(3){transform:translateY(0)}.blog-feature-card:nth-child(1):hover,.blog-feature-card:nth-child(3):hover{transform:translateY(-10px)}}@media (max-width:768px){.blog-features-section{padding:4rem 0}.blog-features-grid{grid-template-columns:1fr;gap:1.5rem}.blog-feature-title{font-size:1.2rem}.blog-feature-image{height:180px}}@media (max-width:576px){.blog-features-grid{grid-template-columns:1fr}.blog-feature-image{height:200px}.blog-feature-card{max-width:400px;margin:0 auto}}.features-section{padding:7rem 0;background-color:var(--feature-light-bg);position:relative;overflow:hidden}.features-section::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(135deg,rgb(108 99 255 / .03),rgb(108 99 255 / .08));clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);z-index:1}.features-section::after{content:'';position:absolute;bottom:0;left:0;width:30%;height:70%;background:linear-gradient(135deg,rgb(108 99 255 / .05),rgb(108 99 255 / .02));clip-path:polygon(0 30%,100% 0%,100% 100%,0% 100%);z-index:1}.section-title{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.section-title h2{font-size:2.8rem;font-weight:800;color:var(--feature-dark-text);margin-bottom:1rem;position:relative;display:inline-block}.section-title h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,var(--feature-accent-light),var(--feature-accent));border-radius:2px}.section-title p{font-size:1.2rem;color:var(--feature-gray-text);max-width:700px;margin:1.5rem auto 0;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;position:relative;z-index:2}.feature-card{background:var(--feature-card-bg);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(.165,.84,.44,1);box-shadow:0 5px 15px rgb(0 0 0 / .05);position:relative;height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-15px);box-shadow:var(--feature-shadow)}.feature-image{width:100%;height:220px;overflow:hidden;position:relative}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease}.feature-card:hover .feature-image img{transform:scale(1.08)}.feature-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(15 10 24 / .05),rgb(15 10 24 / .75));display:flex;align-items:flex-end;padding:1.5rem;transition:all 0.3s ease}.feature-card:hover .feature-overlay{background:linear-gradient(to bottom,rgb(15 10 24 / .05),rgb(108 99 255 / .75))}.feature-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;padding-right:10px;line-height:1.3;text-shadow:0 2px 4px rgb(0 0 0 / .2);transition:all 0.3s ease}.feature-card:hover .feature-title{transform:translateY(-5px)}.feature-content{padding:1.8rem;flex:1;display:flex;flex-direction:column}.feature-description{color:var(--feature-gray-text);margin-bottom:1.8rem;line-height:1.7;flex:1}.feature-link{display:inline-flex;align-items:center;color:var(--feature-accent);text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;margin-top:auto;position:relative;padding-bottom:5px}.feature-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--feature-accent);transition:width 0.3s ease}.feature-link:hover{color:var(--feature-accent-dark)}.feature-link:hover::after{width:100%}.feature-link svg{margin-left:.5rem;transition:transform 0.3s ease}.feature-link:hover svg{transform:translateX(5px)}.feature-card:nth-child(1){transform:translateY(5px)}.feature-card:nth-child(3){transform:translateY(5px)}.feature-card:nth-child(1):hover,.feature-card:nth-child(3):hover{transform:translateY(-10px)}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.feature-title{font-size:1.3rem}}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(1),.feature-card:nth-child(3){transform:translateY(0)}.feature-card:nth-child(1):hover,.feature-card:nth-child(3):hover{transform:translateY(-10px)}}@media (max-width:768px){.features-section{padding:4rem 0}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-title{font-size:1.2rem}.section-title h2{font-size:2.2rem}.section-title p{font-size:1rem}.feature-image{height:180px}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}.feature-image{height:200px}.feature-card{max-width:400px;margin:0 auto}}