@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}.problem-cards-container{overflow:hidden}.problem-card{opacity:0;transition:box-shadow .4s;position:relative;transform:translate(-80px)}.problem-cards-container.is-visible .problem-card{animation:1.4s cubic-bezier(.22,1,.36,1) forwards slideInFromLeft}.problem-cards-container.is-visible .problem-card:first-child{animation-delay:.1s}.problem-cards-container.is-visible .problem-card:nth-child(2){animation-delay:.35s}.problem-cards-container.is-visible .problem-card:nth-child(3){animation-delay:.6s}.problem-cards-container.is-visible .problem-card:hover{box-shadow:0 0 24px #45ffd133,0 0 60px #05ffee14}.problem-card .content{-webkit-font-smoothing:antialiased;position:relative}
.beam-card{background:#0c0f1a;border-radius:24px;padding:2px;position:relative;overflow:hidden}.beam-border{border-radius:inherit;opacity:0;background:linear-gradient(90deg,#0000 0% 10%,#45ffd1 25%,#05ffee 50%,#45ffd1 75%,#0000 90% 100%) 0 0/200% 100%;transition:opacity .3s;position:absolute;inset:0}.group:hover .beam-border{opacity:1;animation:8s linear infinite snakeTrail}.beam-border:after{content:"";border-radius:inherit;background:#0c0f1a;position:absolute;inset:1px}@keyframes snakeTrail{0%{background-position:200% 0}to{background-position:-200% 0}}.content{z-index:2;height:100%;padding:2rem;position:relative}.top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.number{background:linear-gradient(90deg,#45ffd1,#05ffee);color:#0000;-webkit-background-clip:text;font-size:28px;font-weight:800}.badge{text-transform:uppercase;letter-spacing:.2em;color:#aaa;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:10px}.title{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.desc{color:#9ca3af;font-size:14px;line-height:1.6}