.selector { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; transition: transform 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } :root { --primary: #c5a059; --glass: rgba(255,255,255,0.08); --radius: 20px; } .grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } .card:hover { transform: translateY(-8px) scale(1.01); box-shadow: 0 25px 55px rgba(0,0,0,0.15); }