.features{padding:4rem 0;position:relative;z-index:10;background:linear-gradient(135deg,#f8fafccc,#ffffffe6,#f8fafccc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:1.8rem;color:#333;margin:0;background:linear-gradient(135deg,#333,#555,#333);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.feature-card{background:var(--glass-bg-primary);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border);border-radius:var(--glass-radius-medium);box-shadow:var(--glass-shadow-primary);padding:2rem;text-align:center;transition:var(--glass-transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{background:linear-gradient(135deg,#fff3,#ffffff1f,#ffffff14);box-shadow:var(--glass-shadow-elevated);transform:translateY(-8px) scale(1.02)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.1rem;color:#333;margin-bottom:1rem}.feature-description{color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.features{padding:3rem 0}.features-header h2{font-size:1.5rem}.feature-title{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}