.feature-cards{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:15px;margin-top:40px}.feature-card{position:relative;overflow:hidden;border-radius:0;background-color:var(--card-bg);box-shadow:none!important;transition:transform .4s cubic-bezier(.165, .84, .44, 1);height:100%!important;width:100%!important}.feature-card:first-child{grid-column:1/span 4;grid-row:1/span 2}.feature-card:nth-child(2){grid-column:5/span 8;grid-row:1/span 2}.feature-card:nth-child(3){grid-column:1/span 3;grid-row:3/span 2}.feature-card:nth-child(4){grid-column:4/span 5;grid-row:3/span 4}.feature-card:nth-child(5){grid-column:9/span 4;grid-row:3/span 2}.feature-card:nth-child(6){grid-column:1/span 3;grid-row:5/span 2}.feature-card:nth-child(7){grid-column:9/span 4;grid-row:5/span 2}.feature-card:nth-child(8){grid-column:1/span 5;grid-row:7/span 2}.feature-card:nth-child(9){grid-column:6/span 7;grid-row:7/span 2}.feature-card.wide{width:100%!important}.feature-card::before{content:'';position:absolute;inset:1px;padding:3px;border-radius:0;background:linear-gradient(135deg,rgba(255,120,70,.85) 0,rgba(255,180,90,.9) 25%,rgba(100,150,255,.9) 50%,rgba(150,200,255,.9) 75%,rgba(255,120,70,.85) 100%);background-size:400% 400%;animation:borderGlow 8s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;filter:drop-shadow(0 0 8px rgba(255, 140, 60, .35)) drop-shadow(0 0 8px rgba(120, 170, 255, .35))}.feature-card::after{content:'';position:absolute;inset:0;padding:3px;border-radius:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.8) 50%,transparent 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;opacity:0;animation:shimmerEffect 3s ease-in-out infinite}@keyframes borderGlow{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}@keyframes shimmerEffect{0%{opacity:0;background-position:-100% 0}20%{opacity:.8}40%{opacity:0}100%{background-position:200% 0;opacity:0}}.card-content{position:relative;z-index:5;background:linear-gradient(to top,var(--card-bg) 0,rgba(22,23,27,.9) 70%,rgba(22,23,27,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:24px}.feature-card{box-shadow:0 0 20px rgba(255,95,11,.1),0 0 20px rgba(61,126,255,.1)!important}.feature-card:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(255,95,11,.3),0 0 25px rgba(61,126,255,.3)!important;z-index:10}.feature-card:hover::before{animation:borderGlow 3s linear infinite;background:linear-gradient(135deg,#ff5f0b 0,#ffd970 25%,#3d7eff 50%,#70d7ff 75%,#ff5f0b 100%);filter:drop-shadow(0 0 8px rgba(255, 95, 11, .7)) drop-shadow(0 0 8px rgba(61, 126, 255, .7))}.feature-card:hover::after{opacity:0}@media (max-width:1200px){.feature-cards{grid-template-columns:repeat(6,1fr)}.feature-card:first-child{grid-column:1/span 3;grid-row:1/span 2}.feature-card:nth-child(2){grid-column:4/span 3;grid-row:1/span 2}.feature-card:nth-child(3){grid-column:1/span 2;grid-row:3/span 2}.feature-card:nth-child(4){grid-column:3/span 4;grid-row:3/span 2}.feature-card:nth-child(5){grid-column:1/span 3;grid-row:5/span 2}.feature-card:nth-child(6){grid-column:4/span 3;grid-row:5/span 2}.feature-card:nth-child(n+7){grid-column:1/span 6;grid-row:auto/span 2}}@media (max-width:768px){.feature-cards{grid-template-columns:1fr;grid-auto-rows:260px}.feature-card:nth-child(n){grid-column:1;grid-row:auto}}