.ct{width:100%;container-type:inline-size;font-family:var(--ff-sans)}.ct,.ct-body{position:relative}.ct-body{aspect-ratio:100/148;padding:8cqw 8cqw 0;border-radius:15cqw 15cqw 17cqw 17cqw;background:radial-gradient(120% 60% at 20% 0,hsla(0,0%,100%,.14),transparent 55%),linear-gradient(165deg,#2b3548,#151c2a 48%,#0a0f18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 0 0 1px hsla(0,0%,100%,.07),inset 0 -3cqw 6cqw rgba(0,0,0,.45),0 10cqw 20cqw -8cqw rgba(0,0,0,.7)}.ct-screen{position:relative;height:66cqw;overflow:hidden;border-radius:6cqw;background:radial-gradient(90% 70% at 50% 35%,#12203a 0,#070d18 100%);box-shadow:inset 0 0 0 .8cqw rgba(0,0,0,.55),inset 0 0 6cqw rgba(0,0,0,.5),0 0 0 .6cqw hsla(0,0%,100%,.05);color:#eef3ff}.ct-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,hsla(0,0%,100%,.12),transparent 38%);pointer-events:none}.ct-status{position:absolute;top:4cqw;left:6cqw;right:6cqw;display:flex;justify-content:space-between;align-items:center;font-family:var(--ff-mono);font-size:4.6cqw;color:#7f92b7}.ct-bars{display:inline-flex;align-items:flex-end;gap:1cqw;height:4.4cqw}.ct-bars i{width:1.4cqw;border-radius:1cqw;background:#7f92b7}.ct-bars i:first-child{height:40%}.ct-bars i:nth-child(2){height:70%}.ct-bars i:nth-child(3){height:100%}.ct-view{position:absolute;inset:11cqw 4cqw 4cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .38s var(--ease-out),transform .52s var(--ease-out)}.ct-idle{gap:3cqw;font-size:6cqw;font-weight:600;color:#a7b6d3}.ct-cl{width:16cqw;height:16cqw;color:#5a9bff;opacity:.8}.ct-pay{gap:1.6cqw}.ct-label{font-size:4.6cqw;letter-spacing:.12em;text-transform:uppercase;color:#8d9fc2}.ct-amount,.ct-label{font-family:var(--ff-mono)}.ct-amount{font-size:12.5cqw;font-weight:600;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;color:#fff}.ct-waves{width:15cqw;height:15cqw;margin-top:1cqw;color:#5a9bff;transform:rotate(-90deg)}.ct-waves path{animation:ct-wave 1.4s var(--ease-out) infinite}.ct-waves path:nth-child(2){animation-delay:.18s}.ct-waves path:nth-child(3){animation-delay:.36s}@keyframes ct-wave{0%,to{opacity:.25}40%{opacity:1}}.ct-hint{font-size:4.4cqw;color:#a7b6d3}.ct-ok{gap:2.6cqw}.ct-check{display:grid;place-items:center;width:25cqw;height:25cqw;border-radius:50%;background:var(--signal);color:var(--ink);box-shadow:0 0 0 2.4cqw rgba(197,242,59,.16),0 0 10cqw rgba(197,242,59,.55)}.ct-check svg{width:15cqw;height:15cqw}.ct-check path{stroke-dasharray:1;stroke-dashoffset:0}.ct-ok-label{font-size:7.4cqw;font-weight:700;letter-spacing:-.02em;color:#fff}.ct-ok-amount{font-family:var(--ff-mono);font-size:5cqw;color:#a7b6d3}.ct-idle,.ct-pay{opacity:0;transform:scale(.94)}[data-reached]:not([data-reached~="7"]) .ct-ok{opacity:0;transform:scale(.9)}[data-reached]:not([data-reached~="6"]) .ct-idle,[data-reached~="6"]:not([data-reached~="7"]) .ct-pay{opacity:1;transform:none}[data-stage="7"] .ct-check{animation:ct-pop .65s var(--ease-out)}[data-stage="7"] .ct-check path{animation:ct-draw .48s .12s var(--ease-out) both}[data-reached~="6"]:not([data-reached~="8"]) .ct-screen{box-shadow:inset 0 0 0 .8cqw rgba(0,0,0,.55),inset 0 0 6cqw rgba(0,0,0,.5),0 0 0 .6cqw hsla(0,0%,100%,.05),0 0 12cqw -2cqw rgba(90,155,255,.55)}@keyframes ct-pop{0%{transform:scale(.5)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ct-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ct-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4.4cqw 5.5cqw;gap:4.4cqw 5.5cqw;margin-top:9cqw;padding:0 2cqw}.ct-key{display:grid;place-items:center;height:10cqw;border-radius:3.4cqw;background:linear-gradient(180deg,#3a4559,#252e3e);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),0 .8cqw 0 #0b1019,0 1.4cqw 2.4cqw rgba(0,0,0,.5);font-family:var(--ff-mono);font-size:5cqw;font-weight:500;line-height:1;color:#cfd9ee}.ct-key--cancel{background:linear-gradient(180deg,#e2575c,#b8343a)}.ct-key--ok{background:linear-gradient(180deg,#48c47a,#23935a)}.ct-card{position:absolute;left:40%;top:-21%;z-index:3;width:74cqw;aspect-ratio:1.586;border-radius:5cqw;background:radial-gradient(120% 120% at 0 0,hsla(0,0%,100%,.35),transparent 45%),linear-gradient(135deg,#6aa8ff,#2f7fe6 40%,#1450a8);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 6cqw 14cqw -4cqw rgba(0,0,0,.7);opacity:0;transform:translate(38%,-34%) rotate(16deg);transition:opacity .42s var(--ease-out),transform .7s var(--ease-out);pointer-events:none}.ct-card-chip{left:9cqw;width:12cqw;border-radius:2cqw;background:linear-gradient(135deg,#e8edf6,#9fadc4);box-shadow:inset 0 0 0 .5cqw rgba(10,18,34,.2)}.ct-card-chip,.ct-card-cl{position:absolute;top:13cqw;height:9cqw}.ct-card-cl{left:25cqw;width:9cqw;color:hsla(0,0%,100%,.9)}.ct-card-num{position:absolute;left:9cqw;bottom:7cqw;font-family:var(--ff-mono);font-size:4.6cqw;letter-spacing:.08em;color:hsla(0,0%,100%,.9)}[data-stage="6"] .ct-card{opacity:1;transform:translate(0) rotate(-9deg)}