.acc-visual{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:520 / 500;font-family:Inter,system-ui,sans-serif;overflow:hidden}.acc-stage{position:absolute;left:50%;top:40%;width:74%;aspect-ratio:450 / 284;transform:translate(-50%,-50%);perspective:1200px}.acc-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-18deg) rotate(4deg)}.acc-edge,.acc-face{position:absolute;inset:0;border-radius:4.9%/7.7%}.acc-edge{background:#0a1426;transform:translateZ(-3px) translate(2px,3px)}.acc-edge.e2{transform:translateZ(-1.5px) translate(1px,1.5px);background:#1a2b4a}.acc-face{background:linear-gradient(135deg,#1b2f57,#0f1d3a 48%,#0a1428);box-shadow:inset 0 0 0 1px #a0beeb59,inset 0 1px #ffffff4d;overflow:hidden;color:#fff;padding:7% 8%}.acc-face:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff0 30%,#ffffff29 46%,#fff0 60%)}.acc-face:after{content:"";position:absolute;right:-18%;top:-40%;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(147,180,255,.25);box-shadow:0 0 0 22px #93b4ff0d}.acc-word{position:relative;z-index:1;font-weight:700;letter-spacing:.28em;font-size:clamp(11px,2.6vw,15px);display:flex;align-items:center;gap:.7em}.acc-word i{width:1.5em;height:1.5em;border-radius:6px;background:#2563eb;display:grid;place-items:center;font-style:normal;letter-spacing:0;font-size:.9em}.acc-chip{position:absolute;left:8%;top:40%;width:12%;aspect-ratio:1.25;border-radius:15%;background:linear-gradient(135deg,#e5e9f2,#98a5bd);z-index:1}.acc-bottom{position:absolute;left:8%;right:8%;bottom:8%;display:flex;justify-content:space-between;align-items:flex-end;font-size:clamp(8px,1.9vw,11px);letter-spacing:.16em;z-index:1;color:#ffffffd9}.acc-bottom b{font-weight:600;letter-spacing:.2em}.acc-ground{position:absolute;left:14%;top:62%;width:70%;height:12%;background:radial-gradient(ellipse at center,#172d4e47,#172d4e00 70%);filter:blur(10px);transform:skew(-14deg)}.acc-panel{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 28px -14px #172d4e40;padding:10px 12px;font-size:11px;color:#111827}.acc-panel small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.acc-controls{left:2%;top:73%;width:44%}.acc-tx{right:2%;top:70%;width:50%}.acc-bar{height:4px;border-radius:2px;background:#e5e7eb;margin-top:6px}.acc-bar span{display:block;width:58%;height:100%;border-radius:2px;background:#2563eb}.acc-row{display:flex;justify-content:space-between;padding:3px 0}.acc-row+.acc-row{border-top:1px solid #f1f5f9}.acc-row span:last-child{color:#4b5563}.acc-note{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;color:#6b7280}@media(max-width:767px){.acc-visual{aspect-ratio:520 / 560}}