.card-swap-container{position:relative;margin:0 auto;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;border:1px solid rgba(255,122,61,.45);background:radial-gradient(circle at top left,#261409,#140805);box-shadow:0 12px 40px rgba(0,0,0,.7),0 0 30px rgba(255,84,4,.25);padding:1.5rem;color:#fff5e1}.card h3{font-size:1rem;font-weight:600;margin-bottom:.4rem}.card p{font-size:.85rem;line-height:1.5;color:rgba(255,245,225,.85)}@media (max-width:768px){.card-swap-container{transform:scale(.8)}}@media (max-width:480px){.card-swap-container{transform:scale(.7)}}:root{--sticker-rotate:30deg;--sticker-p:10px;--sticker-peelback-hover:30%;--sticker-peelback-active:40%;--sticker-peel-easing:power3.out;--sticker-peel-hover-easing:power2.out;--sticker-start:calc(-1 * var(--sticker-p));--sticker-end:calc(100% + var(--sticker-p));--sticker-shadow-opacity:0.6;--sticker-lighting-constant:0.1;--peel-direction:0deg}.sticker-container{position:relative;transform:rotate(var(--peel-direction));transform-origin:center}.sticker-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end));transition:clip-path .6s ease-out;filter:url(#dropShadow)}.sticker-main>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-lighting{filter:url(#pointLight)}.sticker-container.touch-active .sticker-main,.sticker-container:hover .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-container:active .sticker-main{clip-path:polygon(var(--sticker-start) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-end) var(--sticker-end),var(--sticker-start) var(--sticker-end))}.sticker-image{transform:rotate(var(--sticker-rotate))}.flap{position:absolute;width:100%;height:100%;left:0;top:calc(-100% - var(--sticker-p) - var(--sticker-p));clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-start) var(--sticker-start));transform:scaleY(-1);transition:all .6s ease-out}.flap>*{transform:rotate(calc(-1 * var(--peel-direction)))}.sticker-container.touch-active .flap,.sticker-container:hover .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-hover),var(--sticker-start) var(--sticker-peelback-hover));top:calc(-100% + 2 * var(--sticker-peelback-hover) - 1px)}.sticker-container:active .flap{clip-path:polygon(var(--sticker-start) var(--sticker-start),var(--sticker-end) var(--sticker-start),var(--sticker-end) var(--sticker-peelback-active),var(--sticker-start) var(--sticker-peelback-active));top:calc(-100% + 2 * var(--sticker-peelback-active) - 1px)}.flap-lighting{filter:url(#pointLightFlipped)}.flap-image{transform:rotate(var(--sticker-rotate));filter:url(#expandAndFill)}.draggable{position:relative;cursor:grab;transform:translateZ(0)}.draggable:active{cursor:grabbing}@media (min-width:768px){.draggable{position:absolute}}@media (hover:none) and (pointer:coarse){.draggable{cursor:default}.sticker-container{touch-action:none}}.flap-image,.sticker-image{width:var(--sticker-width,200px)}.flap,.sticker-main{will-change:clip-path,transform}.sticker-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);pointer-events:none;z-index:10}