.glassmorphism{-webkit-backdrop-filter:blur(16px);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000000d,inset 0 1px 2px #ffffff80}.feature-card-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card-hover:hover{transform:translateY(-10px);box-shadow:0 15px 35px -5px #00000014,0 5px 15px -5px #0000000d}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.glassmorphism{-webkit-backdrop-filter:blur(16px);background:#ffffff26}.glassmorphism:hover{-webkit-backdrop-filter:blur(20px);background:#fff3}}.grid-pattern{background-image:linear-gradient(90deg,#00000014 1px,#0000 1px),linear-gradient(#00000014 1px,#0000 1px);background-size:20px 20px}.floating-animation{animation:6s ease-in-out infinite float}.floating-slow{animation:8s ease-in-out infinite float}.floating-fast{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-animation{animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.feature-card-content{z-index:10;position:relative}.card-backdrop{opacity:.8;background:radial-gradient(circle,#fffc 0%,#fff6 100%);transition:opacity .3s;position:absolute;inset:0}.card-backdrop:hover{opacity:1}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card{height:auto;min-height:300px}}