.mm-3d-wrap{perspective:900px;width:min(92vw,360px)}.mm-3d-card{position:relative;border-radius:28px;border:1px solid rgba(0,0,0,.12);background:radial-gradient(1200px 400px at 20% 0,rgba(109,74,255,.16),transparent 50%),radial-gradient(1200px 400px at 80% 10%,rgba(244,114,182,.12),transparent 55%),rgba(255,255,255,.86);overflow:hidden;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-10deg);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 18px 55px rgba(0,0,0,.14)}.dark .mm-3d-card{border-color:rgba(255,255,255,.12);background:radial-gradient(1200px 400px at 20% 0,rgba(109,74,255,.18),transparent 55%),radial-gradient(1200px 400px at 80% 10%,rgba(244,114,182,.14),transparent 60%),rgba(10,10,10,.72);box-shadow:0 18px 65px rgba(0,0,0,.45)}.mm-3d-wrap:hover .mm-3d-card{transform:rotateX(6deg) rotateY(-6deg) translateY(-2px);border-color:rgba(109,74,255,.35)}.mm-3d-shine{position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-40%) rotate(10deg);animation:mmShine 4.8s ease-in-out infinite;pointer-events:none}.dark .mm-3d-shine{background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%)}@keyframes mmShine{0%{transform:translateX(-40%) rotate(10deg);opacity:.2}45%{opacity:.45}to{transform:translateX(40%) rotate(10deg);opacity:.18}}.mm-3d-inner{padding:18px 18px 16px;transform:translateZ(18px)}.mm-pill{text-align:center;font-size:11px;font-weight:800;padding:8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.65)}.dark .mm-pill{border-color:rgba(255,255,255,.14);background:rgba(20,20,20,.6)}.mm-make-logo{width:56px;height:56px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.75);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.08);transition:transform .18s ease}.dark .mm-make-logo{border-color:rgba(255,255,255,.12);background:rgba(10,10,10,.6);box-shadow:0 10px 32px rgba(0,0,0,.5)}a.group:hover .mm-make-logo{transform:translateY(-1px) rotate(-1deg) scale(1.02)}