@import url('/assets/css/main.css');
.coin-wrap{perspective:700px;display:flex;justify-content:center;margin:1.2rem 0 1.6rem}
.coin{width:160px;height:160px;position:relative;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.2,.7,.3,1)}
.coin .face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;font-weight:700;font-family:var(--font-head);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:5px solid rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.face.front{background:radial-gradient(circle at 32% 30%,#fde68a,#b45309);color:#451a03}
.face.back{background:radial-gradient(circle at 32% 30%,#c4b5fd,#6d28d9);color:#f5f3ff;transform:rotateY(180deg)}