.sv3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sv3-card{position:relative;display:flex;flex-direction:column;gap:11px;height:100%;padding:26px 22px 22px;border-radius:20px;background:#fff;border:1px solid var(--cs-border);box-shadow:var(--cs-shadow-sm);text-decoration:none;color:var(--cs-ink);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sv3-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--cs-gradient);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.sv3-card:hover{transform:translateY(-6px);border-color:rgba(83,91,254,.45);box-shadow:0 18px 44px rgba(83,91,254,.2)}.sv3-card:hover:before{transform:scaleX(1)}.sv3-glow{position:absolute;top:-60px;right:-60px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(83,91,254,.16),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.sv3-card:hover .sv3-glow{opacity:1}.sv3-num{position:absolute;top:14px;right:18px;font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:rgba(83,91,254,.09);transition:color .25s ease}.sv3-card:hover .sv3-num{color:rgba(83,91,254,.18)}.sv3-icon-wrap{margin-bottom:4px}.sv3-icon,.sv3-icon-wrap{position:relative;width:60px;height:60px}.sv3-icon{z-index:2;display:grid;place-items:center;border-radius:17px;background:var(--cs-gradient);color:#fff;box-shadow:0 8px 22px rgba(83,91,254,.35);overflow:hidden;animation:sv3Float 4.5s ease-in-out infinite;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.sv3-card:nth-child(odd) .sv3-icon{animation-delay:-2.2s}.sv3-card:hover .sv3-icon{transform:scale(1.12) rotate(-6deg);box-shadow:0 12px 30px rgba(83,91,254,.38)}.sv3-card:hover .sv3-icon svg{animation:sv3Wiggle .5s ease}.sv3-icon__shine{position:absolute;top:0;bottom:0;width:26px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sv3Shine 4.5s ease-in-out infinite}.sv3-card:nth-child(2n) .sv3-icon__shine{animation-delay:1.1s}.sv3-card:nth-child(3n) .sv3-icon__shine{animation-delay:2.2s}.sv3-icon-ring{position:absolute;inset:0;border-radius:17px;border:2px solid rgba(83,91,254,.35);opacity:0;z-index:1}.sv3-card:hover .sv3-icon-ring{animation:sv3Ring 1s ease-out infinite}.sv3-card h3{margin:2px 0 0;font-size:.99rem;font-weight:800;letter-spacing:-.018em}.sv3-card p{margin:0;font-size:.8rem;line-height:1.66;color:var(--cs-muted);flex:1 1}.sv3-more{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--cs-primary);transition:gap .18s ease,color .18s ease}.sv3-more svg{transition:transform .18s ease}.sv3-card:hover .sv3-more{gap:10px;color:var(--cs-primary-dark)}.sv3-card:hover .sv3-more svg{transform:translateX(2px)}@keyframes sv3Float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sv3Shine{0%,55%{left:-40px}85%,to{left:calc(100% + 14px)}}@keyframes sv3Wiggle{0%{transform:rotate(0)}25%{transform:rotate(9deg)}55%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes sv3Ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.sv3-card:hover .sv3-icon{animation-play-state:paused}@media(max-width:1020px){.sv3-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sv3-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sv3-card:hover .sv3-icon svg,.sv3-card:hover .sv3-icon-ring,.sv3-icon,.sv3-icon__shine{animation:none}}