/* Masterclass material kit (brief M3D) - rendered once in Blender, 0 Meshy credits */
.k-card{position:relative;border:0;border-radius:16px;background:var(--k-card-bg,#0C1428);
border-image-source:url(frame.webp);border-image-source:image-set(url(frame.avif) type("image/avif"), url(frame.webp) type("image/webp"));border-image-slice:72 fill;border-image-width:24px;
border-image-repeat:stretch;padding:42px 40px 40px}
.k-panel{position:relative;padding:28px 24px;border:1px solid rgba(255,255,255,.08);border-radius:14px}
.k-panel>.k-corner{position:absolute;width:40px;height:40px;pointer-events:none;
background-image:url(corner.webp);background-image:image-set(url(corner.avif) type("image/avif"), url(corner.webp) type("image/webp"));background-size:contain;background-repeat:no-repeat}
.k-corner.tl{top:6px;left:6px}.k-corner.tr{top:6px;right:6px;transform:scaleX(-1)}
.k-corner.bl{bottom:6px;left:6px;transform:scaleY(-1)}.k-corner.br{bottom:6px;right:6px;transform:scale(-1)}
.k-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
min-height:48px;min-width:48px;padding:0 28px;border:0;background:transparent;color:#14100A;
font-family:inherit;font-weight:600;font-size:16px;line-height:1;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;
border-image-source:url(button-normal.webp);border-image-source:image-set(url(button-normal.avif) type("image/avif"), url(button-normal.webp) type("image/webp"));border-image-slice:64 fill;border-image-width:24px;
border-image-repeat:stretch}
.k-btn:hover,.k-btn.is-hover{border-image-source:url(button-hover.webp);border-image-source:image-set(url(button-hover.avif) type("image/avif"), url(button-hover.webp) type("image/webp"));}
.k-btn:active,.k-btn.is-pressed{border-image-source:url(button-pressed.webp);border-image-source:image-set(url(button-pressed.avif) type("image/avif"), url(button-pressed.webp) type("image/webp"));transform:translateY(1px)}
.k-btn:focus-visible{outline:2px solid #14213D;
outline-offset:3px;border-radius:999px}
.k-btn::after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;
background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);
transform:translateX(-130%);transition:transform .8s ease}
.k-btn:hover::after{transform:translateX(130%)}
.k-divider{display:block;height:32px;border:0;margin:28px auto;width:100%;max-width:512px;
background-image:url(divider.webp);background-image:image-set(url(divider.avif) type("image/avif"), url(divider.webp) type("image/webp"));background-size:100% 32px;background-repeat:no-repeat;background-position:center}
@media (prefers-reduced-motion: reduce){.k-btn::after{display:none}.k-btn:active{transform:none}}
