/* Animated Highlight Cards - De Ce Să Ne Alegi */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ping-slow{0%,100%{opacity:0}50%{opacity:.3}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
@keyframes bounce-dots{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

.highlight-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}

.highlight-card{position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);border-radius:1.5rem;border:1px solid rgba(255,107,61,.15);padding:2.5rem;text-align:center;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}

.highlight-card:hover{transform:scale(1.05) rotate(-1deg);border-color:rgba(255,107,61,.4);box-shadow:0 20px 60px rgba(255,107,61,.2)}

.highlight-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,107,61,.08),rgba(255,140,66,.12));opacity:.4;transition:opacity .5s}

.highlight-card:hover::before{opacity:.6}

.highlight-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,61,.3),transparent);transition:left 1s}

.highlight-card:hover::after{left:200%}

.highlight-card-bg-effect{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,61,.15),transparent);filter:blur(60px);opacity:.3;transition:all .7s;animation:float 6s ease-in-out infinite}

.highlight-card:hover .highlight-card-bg-effect{opacity:.5;transform:scale(1.2)}

.highlight-card-bg-effect:nth-child(1){bottom:-100px;left:-100px}
.highlight-card-bg-effect:nth-child(2){top:50px;left:50px;width:80px;height:80px;animation:ping-slow 3s infinite}
.highlight-card-bg-effect:nth-child(3){bottom:80px;right:80px;width:60px;height:60px;animation:ping-slow 3s infinite .5s}

.highlight-card-icon-wrapper{position:relative;margin:0 auto 1.5rem;width:fit-content}

.highlight-card-icon-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,107,61,.3);animation:ping-slow 2s infinite}

.highlight-card-icon-ring:nth-child(2){animation-delay:.5s;border-width:1px}

.highlight-card-icon{position:relative;z-index:10;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(10,10,10,.9),rgba(26,26,26,.8));border:1px solid rgba(255,107,61,.3);font-size:2rem;transition:all .5s;box-shadow:0 10px 30px rgba(0,0,0,.5)}

.highlight-card:hover .highlight-card-icon{transform:rotate(12deg) scale(1.1);box-shadow:0 15px 40px rgba(255,107,61,.3)}

.highlight-card-icon svg{transition:transform .7s}
.highlight-card:hover .highlight-card-icon svg{transform:rotate(180deg)}

.highlight-card-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#fff,#e0e0e0,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite;background-size:200% 100%;transition:transform .3s}

.highlight-card:hover .highlight-card-title{transform:scale(1.05)}

.highlight-card-desc{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin-bottom:.5rem;transition:color .3s}

.highlight-card:hover .highlight-card-desc{color:#d0d0d0}

.highlight-card-divider{width:33%;height:2px;background:linear-gradient(to right,transparent,#FF6B3D,transparent);margin:1.5rem auto;border-radius:2px;transition:all .5s;animation:shimmer 2s infinite;background-size:200% 100%}

.highlight-card:hover .highlight-card-divider{width:50%;height:4px}

.highlight-card-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;opacity:.6;transition:opacity .3s}

.highlight-card:hover .highlight-card-dots{opacity:1}

.highlight-card-dot{width:8px;height:8px;background:#FF6B3D;border-radius:50%;animation:bounce-dots 1s infinite}

.highlight-card-dot:nth-child(2){animation-delay:.1s}
.highlight-card-dot:nth-child(3){animation-delay:.2s}

.highlight-card-corner{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,rgba(255,107,61,.15),transparent);opacity:0;transition:opacity .5s}

.highlight-card:hover .highlight-card-corner{opacity:1}

.highlight-card-corner.top-left{top:0;left:0;border-radius:0 0 3rem 0}
.highlight-card-corner.bottom-right{bottom:0;right:0;border-radius:3rem 0 0 0}

@media (max-width:768px){
    .highlight-card-grid{grid-template-columns:1fr;gap:1.5rem}
    .highlight-card:hover{transform:scale(1.02) rotate(0)}
}