.gc3d{--gc-rx:0deg;--gc-ry:0deg;--gc-gx:50%;--gc-gy:30%;perspective:1100px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;container-type:inline-size}.gc3d__tilt{transform-style:preserve-3d;animation:6s ease-in-out infinite gc3d-float}.gc3d[data-active] .gc3d__tilt{animation-play-state:paused}@keyframes gc3d-float{0%,to{transform:rotateX(5deg)rotateY(-9deg)translateY(0)}50%{transform:rotateX(-3deg)rotateY(8deg)translateY(-6px)}}.gc3d__card{aspect-ratio:1.586;transform-style:preserve-3d;transform:rotateX(var(--gc-rx)) rotateY(var(--gc-ry));border-radius:6cqw;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.gc3d[data-active] .gc3d__card{transition:transform .12s ease-out}.gc3d__face{border-radius:inherit;background:radial-gradient(120% 100% at 15% 0,#2a2c30 0%,#0000 60%),linear-gradient(155deg,#1b1c1f 0%,#111214 55%,#0a0a0b 100%);position:absolute;inset:0;overflow:hidden;box-shadow:0 2.4cqw 5cqw -1.5cqw #000c,inset 0 0 0 1px #ffffff12}.gc3d__watermark{opacity:.07;pointer-events:none;width:128%;height:auto;position:absolute;top:6%;left:-14%;transform:rotate(-8deg)}.gc3d__logo{pointer-events:none;width:40%;height:auto;position:absolute;top:9%;right:7%}.gc3d__amount{font-family:var(--font-display);letter-spacing:.16em;color:#fff9;font-size:3.2cqw;font-weight:700;position:absolute;top:39%;right:7.5%}.gc3d__chip{filter:drop-shadow(0 .2cqw .3cqw #00000080);width:14%;height:auto;position:absolute;top:37%;left:9%}.gc3d__title{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff;font-size:6.4cqw;font-weight:800;position:absolute;bottom:13%;left:0;right:0}.gc3d__glare{pointer-events:none;background:radial-gradient(circle at var(--gc-gx) var(--gc-gy), #ffffff29, #ffffff08 35%, transparent 60%);opacity:.6;transition:opacity .3s;position:absolute;inset:0}.gc3d[data-active] .gc3d__glare{opacity:1}.gc3d--thumb .gc3d__tilt{transition:transform .4s;animation:none;transform:rotateX(6deg)rotateY(-10deg)}.gc3d--thumb[data-active] .gc3d__tilt{transform:none}@media (prefers-reduced-motion:reduce){.gc3d__tilt,.gc3d--thumb .gc3d__tilt{animation:none;transform:none}.gc3d__card,.gc3d[data-active] .gc3d__card{transition:none;transform:none}}
