.sdc{display:flex;flex-direction:column;align-items:center;gap:20px}.sdc,.sdc-stage{--px:.5;--py:.5;width:100%}.sdc-stage{perspective:1700px}.sdc-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sdc-stage.is-live .sdc-tilt{transform:rotateX(calc((.5 - var(--py)) * 22deg)) rotateY(calc((var(--px) - .5) * 28deg)) scale(1.035);transition:transform .08s ease-out}.sdc--hero .sdc-stage:not(.is-live) .sdc-tilt{animation:sdc-float 11s ease-in-out infinite}.sdc--hero .sdc-stage:not(.is-live) .sdc-foil{animation:sdc-foil 11s ease-in-out infinite}.sdc-flip{position:relative;width:100%;aspect-ratio:630/880;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.sdc-flip.is-over{transform:rotateY(180deg)}.sdc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sdc-face--back{transform:rotateY(180deg)}.sdc-card{position:relative;width:100%;aspect-ratio:630/880;border-radius:4.76%/3.41%;overflow:hidden;background:#080d1e;isolation:isolate;contain:layout paint;transform:translateZ(0)}.sdc-window{position:absolute;left:3.81%;top:2.73%;width:92.38%;overflow:hidden;background:#02040a}.sdc-lay0,.sdc-lay1,.sdc-lay2{position:absolute;inset:-3%;will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sdc-lay0 img,.sdc-lay1 img,.sdc-lay2 img{display:block;width:100%;height:100%;object-fit:cover}.sdc-lay0{transform:translate(calc((var(--px) - .5) * -14px),calc((var(--py) - .5) * -14px))}.sdc-lay1{transform:translate(calc((var(--px) - .5) * 5px),calc((var(--py) - .5) * 5px))}.sdc-lay2{transform:translate(calc((var(--px) - .5) * 18px),calc((var(--py) - .5) * 18px))}.sdc-stage.is-live .sdc-lay0,.sdc-stage.is-live .sdc-lay1,.sdc-stage.is-live .sdc-lay2{transition:transform .08s ease-out}.sdc-frame{position:absolute;inset:0;display:block;width:100%;height:100%}.sdc-foil{background:linear-gradient(115deg,transparent 18%,#ff6ad5 28%,#ffd36e 36%,#6affc8 44%,#6ad2ff 52%,#b36aff 60%,#ff6ad5 68%,transparent 80%);background-size:260% 260%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.sdc-foil,.sdc-glitter{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge}.sdc-glitter{width:100%;height:100%}.sdc-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at calc(var(--px) * 100%) calc(var(--py) * 100%),rgba(255,255,255,.55),rgba(255,255,255,.12) 26%,transparent 55%)}.sdc-turn{min-width:160px}.sdc-shadow{display:block;width:84%;height:44px;margin-top:-36px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);opacity:.6;transition:transform .3s ease-out,opacity .3s}.sdc-stage.is-live+.sdc-shadow{transform:translateX(calc((.5 - var(--px)) * 40px)) scaleX(.9);opacity:.8}.sdc-card--blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(245,241,232,.2);background:#080d1e;font-family:var(--font-mono),monospace;font-size:13px;letter-spacing:.12em;color:rgba(245,241,232,.6)}@keyframes sdc-float{0%{transform:rotateX(7deg) rotateY(-11deg)}50%{transform:rotateX(-4deg) rotateY(11deg)}to{transform:rotateX(7deg) rotateY(-11deg)}}@keyframes sdc-foil{0%{background-position:0 20%}50%{background-position:100% 80%}to{background-position:0 20%}}@media (prefers-reduced-motion:reduce){.sdc--hero .sdc-stage:not(.is-live) .sdc-foil,.sdc--hero .sdc-stage:not(.is-live) .sdc-tilt{animation:none}.sdc-flip{transition:none}}