:root{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 255, 255, 0.18) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(255, 0, 200, 0.18) 0%, transparent 60%),linear-gradient(135deg, #1a1c4a 0%, #2d2470 50%, #4b1b6e 100%);--cc-back-bg:linear-gradient(135deg, #1a1c4a 0%, #2d2470 100%)}[data-theme=dark]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 255, 255, 0.1) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(120, 180, 255, 0.18) 0%, transparent 60%),linear-gradient(135deg, #0e1326 0%, #1a2240 50%, #25204a 100%);--cc-back-bg:linear-gradient(135deg, #0e1326 0%, #1a2240 100%)}[data-theme=dune]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 230, 180, 0.22) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(255, 150, 60, 0.22) 0%, transparent 60%),linear-gradient(135deg, #2e1a0e 0%, #5a3018 50%, #8a4d22 100%);--cc-back-bg:linear-gradient(135deg, #2e1a0e 0%, #5a3018 100%)}[data-theme=tokyo_night]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(187, 154, 247, 0.22) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(125, 207, 255, 0.2) 0%, transparent 60%),linear-gradient(135deg, #1a1b26 0%, #24283b 50%, #414868 100%);--cc-back-bg:linear-gradient(135deg, #1a1b26 0%, #24283b 100%)}[data-theme=rose]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 220, 230, 0.25) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(255, 140, 170, 0.22) 0%, transparent 60%),linear-gradient(135deg, #4a0f25 0%, #7a1f3d 50%, #b04a6a 100%);--cc-back-bg:linear-gradient(135deg, #4a0f25 0%, #7a1f3d 100%)}[data-theme=coastal_heritage]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 240, 210, 0.2) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(212, 175, 110, 0.22) 0%, transparent 60%),linear-gradient(135deg, #0e2a3f 0%, #1c4660 50%, #3a6f86 100%);--cc-back-bg:linear-gradient(135deg, #0e2a3f 0%, #1c4660 100%)}[data-theme=butter]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 245, 200, 0.3) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(255, 215, 80, 0.25) 0%, transparent 60%),linear-gradient(135deg, #7a5510 0%, #b48420 50%, #e0b03c 100%);--cc-back-bg:linear-gradient(135deg, #7a5510 0%, #b48420 100%)}[data-theme=mocha]{--cc-front-bg:radial-gradient(120% 80% at 0% 0%, rgba(255, 220, 170, 0.2) 0%, transparent 60%),radial-gradient(100% 80% at 100% 100%, rgba(200, 130, 70, 0.22) 0%, transparent 60%),linear-gradient(135deg, #1f120c 0%, #3a2418 50%, #6b3f24 100%);--cc-back-bg:linear-gradient(135deg, #1f120c 0%, #3a2418 100%)}.credit-card-widget{--cc-w:320px;--cc-h:202px;--cc-radius:14px;--cc-pad:22px;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.credit-card{width:min(100%,var(--cc-w));aspect-ratio:1.586/1;perspective:1200px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.credit-card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2, .8, .2, 1);transform-style:preserve-3d}.credit-card.flipped .credit-card-inner{transform:rotateY(180deg)}.credit-card-face{position:absolute;inset:0;border-radius:var(--cc-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#f8f8ff;overflow:hidden}.credit-card-front{background:var(--cc-front-bg);padding:var(--cc-pad);display:flex;flex-direction:column;justify-content:space-between}.credit-card-back{background:var(--cc-back-bg);transform:rotateY(180deg);padding:0;display:flex;flex-direction:column}.cc-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.cc-row.bottom{align-items:flex-end;gap:18px}.cc-chip{width:42px;height:32px;border-radius:5px;background:linear-gradient(135deg,#f1cb6b 0,#c89020 50%,#f1cb6b 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);position:relative}.cc-chip::after,.cc-chip::before{content:"";position:absolute;left:6px;right:6px;border-top:1px solid rgba(0,0,0,.25)}.cc-chip::before{top:10px}.cc-chip::after{top:20px}.cc-network{font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.cc-number{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1.25rem;letter-spacing:.03em;text-shadow:0 1px 1px rgba(0,0,0,.25);word-spacing:0.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:2px}.cc-value{font-weight:600;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.cc-stripe{background:#0c0c1a;height:42px;margin-top:24px}.cc-cvv-row{display:flex;align-items:stretch;margin:18px var(--cc-pad);border-radius:4px;overflow:hidden;background:repeating-linear-gradient(45deg,rgba(255,255,255,.85) 0 4px,rgba(255,255,255,.7) 4px 8px);color:#111;height:36px}.cc-signature{flex:1}.cc-cvv{background:#fff;padding:5px 12px 3px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-width:70px}.cc-cvv .cc-label{color:#555;opacity:1;margin-bottom:0;line-height:1}.cc-cvv .cc-value{color:#111;font-size:1.1rem;line-height:1}.cc-back-note{margin:0 var(--cc-pad) var(--cc-pad);font-size:.7rem;opacity:.75;line-height:1.35}