.cpg-art{height:460px;position:relative}.cpg-cp{filter:drop-shadow(0 26px 34px #00000073);position:absolute}html[data-theme=light] .cpg-cp{filter:drop-shadow(0 22px 30px #14281e38)}.cpg-tk{border-radius:20px;display:flex;position:relative;overflow:hidden}.cpg-cp1{z-index:2;width:420px;animation:7s ease-in-out infinite cpgF;top:168px;left:2%;transform:rotate(-4deg)}.cpg-cp1 .cpg-tk{--stub:112px;color:#0b1a10;height:212px;-webkit-mask:radial-gradient(circle 13px at calc(100% - var(--stub)) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;-webkit-mask:radial-gradient(circle 13px at calc(100% - var(--stub)) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 13px at calc(100% - var(--stub)) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 13px at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;background:linear-gradient(135deg,#eaffd6 0%,#b8f792 42%,#6be2ab 78%,#2cc596 100%)}.cpg-cp1 .cpg-tk:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff8c,#0000);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-60px}.cpg-main{flex-direction:column;flex:1;min-width:0;padding:22px 24px 20px 26px;display:flex;position:relative}.cpg-brand{letter-spacing:.01em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.cpg-brand i{background:#0b1a10;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #0b1a1026}.cpg-big{letter-spacing:-.03em;align-items:flex-start;margin-top:12px;font-size:68px;font-weight:800;line-height:.9;display:flex}.cpg-big sup{letter-spacing:0;margin:4px 0 0 2px;font-size:30px;font-weight:800;line-height:1}.cpg-big em{color:#c6ff9e;letter-spacing:.14em;background:#0b1a10;border-radius:7px;align-self:flex-end;margin:0 0 6px 10px;padding:4px 9px;font-size:14px;font-style:normal;font-weight:700;line-height:1}.cpg-sub{opacity:.72;margin-top:8px;font-size:14px;font-weight:600}.cpg-code{letter-spacing:.12em;background:#ffffff80;border:1.5px dashed #0b1a1073;border-radius:9px;align-self:flex-start;margin-top:auto;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700}.cpg-stub{width:var(--stub);background:#ffffff38;flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:20px 0 18px;display:flex;position:relative}.cpg-stub:before{content:"";border-left:2px dashed #0b1a104d;position:absolute;top:16px;bottom:16px;left:-1px}.cpg-vt{writing-mode:vertical-rl;letter-spacing:.32em;opacity:.7;font-size:12px;font-weight:800;transform:rotate(180deg)}.cpg-bc{opacity:.75;background:repeating-linear-gradient(90deg,#0b1a10 0 2px,#0000 2px 4px,#0b1a10 4px 5px,#0000 5px 8px,#0b1a10 8px 11px,#0000 11px 13px);border-radius:2px;width:64px;height:30px}.cpg-exp{text-align:center;opacity:.7;font-size:10.5px;font-weight:600;line-height:1.3}.cpg-exp b{font-size:12px;font-weight:700;display:block}.cpg-cp2{z-index:1;width:236px;animation:8s ease-in-out infinite cpgF2;top:-8px;right:0;transform:rotate(7deg)}.cpg-cp2 .cpg-tk{text-align:right;color:#fff;background:linear-gradient(140deg,#8f80ff 0%,#5a4be6 55%,#3a2fb0 100%);flex-direction:column;align-items:flex-end;padding:20px 24px 22px;-webkit-mask:radial-gradient(11px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(11px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(11px at 0,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(11px at 100%,#0000 97%,#000) 100%/51% 100% no-repeat}.cpg-top2{justify-content:space-between;align-self:stretch;align-items:center;gap:10px;display:flex}.cpg-top2 .card-logo{height:20px}.cpg-tag{letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.cpg-pct{letter-spacing:-.02em;margin-top:12px;font-size:48px;font-weight:800;line-height:1}.cpg-t{margin-top:6px;font-size:15px;font-weight:600}.cpg-s{opacity:.75;margin-top:2px;font-size:13px}.cpg-art .vp-toast{z-index:3;bottom:-14px}@keyframes cpgF{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-12px)}}@keyframes cpgF2{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(8deg)translateY(10px)}}.cpg-player{border:1px solid var(--vp-line);background:#0f1012;border-radius:24px;margin-top:34px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.cpg-ph{border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:14px 18px;display:flex}.cpg-ph i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.cpg-ph i:nth-child(2){background:#febc2e}.cpg-ph i:nth-child(3){background:#28c840}.cpg-ph span{color:#8d8f9c;margin-left:8px;font-size:13px}.cpg-live{color:#b1ff8c;margin-left:auto;font-size:12px;font-style:normal}.cpg-screen{background:radial-gradient(60% 80% at 50% 0,#1eb79024,#0000 70%);height:300px;position:relative}.cpg-scene{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;animation:12s infinite cpgScene;display:flex;position:absolute;inset:0}.cpg-scene.s2{animation-delay:4s}.cpg-scene.s3{animation-delay:8s}@keyframes cpgScene{0%{opacity:0;transform:translateY(12px)}4%,30%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-8px)}}.cpg-scene small{color:#8d8f9c;font-size:13px}.cpg-scene p{color:#c9cbd6;margin:0;font-size:15px}.cpg-input{letter-spacing:.08em;color:#fff;background:#17181b;border:1.5px solid #b1ff8c80;border-radius:14px;align-items:center;width:min(380px,90%);height:58px;padding:0 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;display:flex}.cpg-typed{white-space:nowrap;width:0;animation:12s steps(9,end) infinite cpgType;display:inline-block;overflow:hidden}@keyframes cpgType{0%,3%{width:0}20%,to{width:calc(9ch + .8em)}}.cpg-caret{background:#b1ff8c;width:2px;height:26px;margin-left:3px;animation:1s step-end infinite cpgBlink}@keyframes cpgBlink{50%{opacity:0}}.cpg-btn{color:#0d1a10;background:#b1ff8c;border-radius:12px;justify-content:center;align-items:center;width:min(380px,90%);height:50px;font-size:15px;font-weight:600;animation:12s infinite cpgPress;display:flex}@keyframes cpgPress{0%,24%{transform:none}26%{transform:scale(.96)}28%,to{transform:none}}.cpg-card{color:#fff;background:linear-gradient(135deg,#b1ff8c1f,#1eb7900f);border:1px solid #b1ff8c59;border-radius:16px;align-items:center;gap:14px;width:min(520px,92%);padding:18px 20px;display:flex}.cpg-card b{letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.cpg-card small{color:#a6a8b3;margin-top:3px;font-size:12.5px;display:block}.cpg-ok{color:#0d1a10;background:#b1ff8c;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.cpg-pill{color:#7fdc7f;white-space:nowrap;background:#4cc24c2e;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:12px;font-style:normal;font-weight:600}.cpg-pill.off{color:#e5534b;background:#e5534b24}.cpg-order{background:#17181b;border:1px solid #ffffff14;border-radius:16px;gap:10px;width:min(420px,92%);padding:20px 22px;display:grid}.cpg-order>div{color:#fff;justify-content:space-between;align-items:center;font-size:15px;display:flex}.cpg-order small{color:#8d8f9c;font-size:13px}.cpg-order s{color:#8d8f9c;margin-right:6px}.cpg-save b{color:#b1ff8c}.cpg-bar{background:#ffffff0f;height:3px}.cpg-bar i{background:linear-gradient(90deg,#b1ff8c,#1eb790);width:0;height:100%;animation:12s linear infinite cpgBar;display:block}@keyframes cpgBar{0%{width:0}to{width:100%}}.cpg-steps{color:#8d8f9c;text-align:center;grid-template-columns:repeat(3,1fr);padding:14px 18px;font-size:13px;display:grid}.cpg-types{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;display:grid}.cpg-type{border:1px solid var(--vp-line);background:linear-gradient(180deg,var(--vp-card2),var(--vp-card));border-radius:22px;padding:26px 24px}.cpg-type h3{color:var(--text);margin:20px 0 0;font-size:20px}.cpg-type b{color:var(--vp-g);margin-top:6px;font-size:14px;font-weight:600;display:block}.cpg-type p{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.cpg-mock{gap:12px;display:grid}.cpg-mc{border:1px solid var(--vp-line);background:var(--vp-card);opacity:.7;border-radius:16px;gap:14px;padding:18px 20px;display:flex}.cpg-mc.on{opacity:1;background:linear-gradient(135deg,#b1ff8c1a,#1eb7900a),var(--vp-card);border-color:#4cc24c66}.cpg-mi{color:#0d1a10;background:#b1ff8c;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.cpg-mc:not(.on) .cpg-mi{background:var(--vp-line);color:var(--muted)}.cpg-mc>div{flex:1;min-width:0}.cpg-mh{align-items:center;gap:8px;display:flex}.cpg-mh b{letter-spacing:.05em;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.cpg-mh .cpg-pill{margin-left:6px}.cpg-mt{color:var(--text);margin-top:4px;font-size:15px;font-weight:600;display:block}.cpg-md{color:var(--muted);margin-top:4px;font-size:13px;display:block}.cpg-dates{color:var(--text);gap:22px;margin-top:10px;font-size:13.5px;font-weight:500;display:flex}.cpg-dates small{color:var(--muted);font-size:11.5px;font-weight:400;display:block}html[data-theme=light] .cpg-pill{color:#2e9b4a;background:#2e9b4a1f}html[data-theme=light] .cpg-pill.off{color:#d23b33;background:#e5534b1a}@media (max-width:980px){.cpg-types{grid-template-columns:1fr 1fr}.cpg-art{max-width:480px;height:460px}}@media (max-width:600px){.cpg-types{grid-template-columns:1fr}.cpg-art{height:420px}.cpg-cp1{width:300px;top:160px;left:0}.cpg-cp1 .cpg-tk{--stub:84px;height:178px}.cpg-main{padding:18px 16px 16px 20px}.cpg-big{font-size:48px}.cpg-big sup{font-size:22px}.cpg-big em{margin-left:8px;font-size:12px}.cpg-sub{font-size:12.5px}.cpg-code{padding:6px 10px;font-size:13px}.cpg-bc{width:50px}.cpg-cp2{width:180px;top:0}.cpg-cp2 .cpg-tk{padding:16px 20px 18px}.cpg-pct{font-size:36px}.cpg-t{font-size:13.5px}.cpg-art .vp-toast{bottom:-6px;right:0}.cpg-screen{height:320px}.cpg-steps{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.cpg-cp1,.cpg-cp2,.cpg-scene{animation:none}.cpg-scene.s3{opacity:1}.cpg-typed{width:auto;animation:none}.cpg-bar i{animation:none}}