.features-section{width:100%;padding:100px 20px;background:linear-gradient(180deg,#f9fafb,#eef2ff);font-family:Inter,sans-serif;text-align:center;overflow:hidden}.features-header{max-width:800px;margin:0 auto 60px}.features-header h2{font-size:2.8rem;font-weight:800;color:#1e293b;margin-bottom:15px}.features-header p{color:#475569;font-size:1.1rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:40px;max-width:1100px;margin:0 auto}.feature-card{background:#fff;border-radius:20px;padding:40px 25px;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:all .35s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at top left,rgba(59,130,246,.15),transparent 70%);z-index:0;transition:opacity .3s ease;opacity:0}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.1)}.feature-icon{font-size:2.8rem;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;z-index:1;position:relative}.feature-card h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:10px;z-index:1;position:relative}.feature-card p{font-size:.95rem;color:#475569;line-height:1.6;z-index:1;position:relative}.feature-card:hover .feature-icon{transform:scale(1.15);transition:.3s ease}@media (max-width:768px){.features-header h2{font-size:2.1rem}.feature-card{padding:30px 20px}}