.cracha{perspective:900px;flex-direction:column;align-items:center;padding-top:86px;display:flex;position:relative}.cracha__fita{background:linear-gradient(90deg,#00000059,#0000 30% 70%,#00000059),url(/lanyard-band.png) 50%/100% repeat-y,#10255c;border-radius:2px;width:26px;height:196px;margin-left:-13px;position:absolute;top:-120px;left:50%}.cracha__presilha{z-index:2;background:linear-gradient(#cfd3da,#8b9099 55%,#b9bec6);border-radius:5px;width:34px;height:22px;margin-left:-17px;position:absolute;top:70px;left:50%;box-shadow:inset 0 1px #fff9,0 2px 6px #00000080}.cracha__cartao{--rx:0deg;--ry:0deg;--bx:50%;--by:30%;aspect-ratio:1024/1440;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:min(68vw,280px);transform-style:preserve-3d;transform-origin:50% -16px;transform:rotateX(var(--rx)) rotateY(var(--ry));background:0 0;border:0;padding:0;transition:transform .5s cubic-bezier(.2,0,0,1);animation:5.5s ease-in-out infinite cracha-balanco;display:block;position:relative}.cracha__cartao--segurando{transition:transform 80ms linear;animation-play-state:paused}@keyframes cracha-balanco{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}.cracha__giro{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.cracha__cartao--verso .cracha__giro{transform:rotateY(180deg)}.cracha__face{backface-visibility:hidden;box-shadow:0 0 0 1px #ffffff1a, 0 24px 50px #0000008c, 0 0 40px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:14px;position:absolute;inset:0;overflow:hidden}.cracha__face--verso{transform:rotateY(180deg)}.cracha__face img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cracha__face:after{content:"";background:radial-gradient(60% 45% at var(--bx) var(--by), #ffffff57, transparent 70%), linear-gradient(115deg, transparent 20%, #5b9cff29 38%, #a47bff24 50%, #5ae6d21a 62%, transparent 80%);background-size:100% 100%,220% 220%;background-position:0 0, var(--bx) var(--by);mix-blend-mode:screen;opacity:.55;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.cracha__cartao--segurando .cracha__face:after{opacity:1}.cracha__cartao:focus-visible .cracha__face{outline:2px solid var(--accent);outline-offset:4px}.cracha__dica{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;margin-top:20px;font-size:.75rem;font-weight:500;display:flex}@media (prefers-reduced-motion:reduce){.cracha__cartao{animation:none}.cracha__giro{transition-duration:10ms}}