.feature-section{padding:5rem 1rem;background-color:#000;width:100%;position:relative;overflow:hidden}.feature-section .header{text-align:center;margin-bottom:3rem}.feature-section .header h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem}.feature-section .header p{font-size:1.125rem;color:rgba(255,255,255,.7);max-width:50rem;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(5,1fr)}}.feature-card{position:relative;background-color:rgba(255,255,255,.1);border-radius:1.5rem;padding:1.5rem;text-align:center;cursor:pointer;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.4)}.feature-card .front{position:relative;z-index:1;transition:opacity .3s ease}.feature-card:hover .front{opacity:0}.feature-card .back{position:absolute;inset:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);color:#fff;display:flex;justify-content:center;align-items:center;padding:1rem;opacity:0;border-radius:1.5rem;transition:opacity .3s ease;z-index:2}.feature-card:hover .back{opacity:1}.feature-card .title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.feature-card .short{font-size:.875rem;color:rgba(255,255,255,.7)}.feature-card .description{font-size:.95rem;line-height:1.4;color:var(--accent-color)}