.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);place-items:center;display:grid;position:relative;overflow:hidden}.glare-hover:before{content:"";background:linear-gradient(var(--gh-angle),#0000 60%,var(--gh-rgba)70%,#0000,#0000 100%);transition:var(--gh-duration)ease;background-size:var(--gh-size)var(--gh-size),100% 100%;background-position:-100% -100%,0 0;background-repeat:no-repeat;position:absolute;inset:0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration)ease;background-position:100% 100%,0 0}
.card-swap-container{perspective:1200px;position:relative;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;color:#fafafa;background:#111;border:1px solid #2a2a2a;border-radius:20px;flex-direction:column;padding:42px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;box-shadow:0 40px 80px -20px #000c}.card:hover{border-color:#ea580c;transform:translateY(-8px)scale(1.02)}.card h3{letter-spacing:-.01em;color:#fff;margin-bottom:.8rem;font-size:1.7rem;font-weight:700}.card p{color:#71717a;font-size:1.1rem;line-height:1.6}.card .icon-box{background:#1a0d07;border:1px solid #ea580c1a;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.card .icon-box svg{color:#ea580c;width:26px;height:26px}@media (max-width:1024px){.card-swap-container{transform:scale(.8)}}@media (max-width:768px){.card-swap-container{display:none}}