.cx{--h1:#3730a3;--h2:#9d174d;--h3:#22d3ee;--r:22px;--spd:1;--rx:0deg;--ry:0deg;--ink:#fff;--ink2:#ffffffe0;isolation:isolate;border-radius:var(--r);color:var(--ink);transform-style:preserve-3d;padding:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden}.cx-in{z-index:2;min-width:0;position:relative}.cx-top{align-items:center;gap:10px;min-height:44px;display:flex}.cx-ey{letter-spacing:.01em;min-width:0;color:var(--ink2);font-size:13px;font-weight:750}.cx h2,.cx h3{letter-spacing:-.01em;color:var(--ink);margin:12px 0 6px;font-size:20px;font-weight:820;line-height:1.28}.cx p{color:var(--ink2);margin:0 0 16px;font-size:15px;line-height:1.55}.cx-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cx-go,.cx-gh{border-radius:calc(var(--r) * .55);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .25s;display:inline-flex;position:relative}.cx-go:hover,.cx-gh:hover{transform:translateY(-2px)}.cx-gh{color:var(--ink);opacity:.92;border:1px solid;font-weight:700}.cx-go:focus-visible,.cx-gh:focus-visible,.cx-x:focus-visible,.cx-edit:focus-visible{outline-offset:2px;outline:2px solid #fff}.cx.b-white .cx-go{color:#312e81;background:#fff;box-shadow:0 10px 20px -10px #00000080}.cx.b-glass .cx-go{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff80}.cx.b-grad .cx-go{color:#fff;background:linear-gradient(135deg, var(--h1), var(--h2));box-shadow:0 10px 22px -10px var(--h2), inset 0 1px 0 #fff6}.cx-ico{color:#fff;background:linear-gradient(155deg, color-mix(in srgb, var(--h3) 55%, var(--h1)), var(--h2));width:44px;height:44px;box-shadow:inset 0 1.5px 0 #ffffff8c, inset 0 -3px 0 #00000038, 0 12px 20px -12px var(--h2);border-radius:14px;flex:none;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;transform:perspective(300px)rotateX(12deg)rotate(-6deg)}.cx-ico:after{content:"";background:linear-gradient(#ffffff6b,#0000);border-radius:12px 12px 20px 20px;position:absolute;inset:2px 2px 50%}.cx-ico svg{z-index:1;filter:drop-shadow(0 1px 1px #00000040);position:relative}.cx:hover .cx-ico{transform:perspective(300px)rotateX(0)rotate(0)translateY(-2px)}.cx.i-glass .cx-ico{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;background:#fff3;border:1px solid #ffffff80;transform:none}.cx.i-plain .cx-ico{width:28px;box-shadow:none;background:0 0;transform:none}.cx.i-glass .cx-ico:after,.cx.i-plain .cx-ico:after{display:none}.cx-edit{z-index:3;color:#fde68a;background:#00000059;border:1px dashed #fde68a99;border-radius:9px;flex:none;align-items:center;min-height:30px;margin-left:auto;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.cx-edit:after{content:"";position:absolute;inset:-7px -4px}.cx-x{z-index:3;width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.cx-x:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff73;border-radius:50%;transition:background-color .2s;position:absolute;inset:7px}.cx-x svg{position:relative}.cx-x:hover:before{background:#ffffff4d}.cx.m-glass .cx-x:before{background:#0f172a12;border-color:#0f172a2e}:is(.dark,.cx-dk) .cx.m-glass .cx-x:before{background:#ffffff1f;border-color:#ffffff4d}.cx.d-3d .cx-x{transform:translateZ(30px)}.cx-has-x .cx-top{padding-right:40px}.cx-img{aspect-ratio:16/7;object-fit:cover;border-radius:calc(var(--r) * .65);width:100%;margin:0 0 12px;display:block}.cx-cd{gap:6px;margin:0 0 14px;display:flex}.cx-cd span{text-align:center;background:#00000038;border:1px solid #fff3;border-radius:10px;min-width:52px;padding:7px 0;font:800 16px/1 ui-monospace,monospace}.cx-cd small{opacity:.85;margin-top:3px;font:650 11px/1.3 inherit;display:block}.cx.m-gradient{background:radial-gradient(80% 90% at 100% 0%, color-mix(in srgb, var(--h2) 75%, transparent), transparent 60%), radial-gradient(70% 100% at 0% 100%, color-mix(in srgb, var(--h3) 40%, transparent), transparent 60%), linear-gradient(140deg, var(--h1), color-mix(in srgb, var(--h2) 70%, var(--h1)))}.cx.m-solid{background:var(--h1)}.cx.m-neon{border:1.5px solid color-mix(in srgb, var(--h3) 70%, #fff);box-shadow:0 0 24px -6px var(--h3), inset 0 0 28px -12px var(--h2);background:#070a18}.cx.m-neon :is(h2,h3){text-shadow:0 0 14px color-mix(in srgb, var(--h3) 70%, transparent)}.cx.m-glass{--ink:#0b1224;--ink2:#334155;-webkit-backdrop-filter:blur(18px)saturate(170%);background:#ffffff8c;border:1px solid #ffffffe6;box-shadow:inset 0 1px #fffffff2,0 22px 44px -26px #1e295a80}:is(.dark,.cx-dk) .cx.m-glass{--ink:#f1f5ff;--ink2:#cbd5e1;background:#141c3a80;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1f,0 22px 44px -22px #000000e6}.cx.m-glass:before,.cx.m-glass:after{content:"";z-index:0;filter:blur(42px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.cx.m-glass:before{background:var(--h1);width:180px;height:180px;top:-80px;left:-50px}.cx.m-glass:after{background:var(--h2);width:160px;height:160px;bottom:-80px;right:-40px}.cx.m-glass.b-white .cx-go{color:#fff;background:#0b1224}:is(.dark,.cx-dk) .cx.m-glass.b-white .cx-go{color:#1e1b4b;background:#fff}.cx.m-glass .cx-go:focus-visible,.cx.m-glass .cx-x:focus-visible{outline-color:var(--ink)}.cx.m-glass .cx-edit{color:#92400e;background:#fef3c7d9;border-color:#d97706}:is(.dark,.cx-dk) .cx.m-glass .cx-edit{color:#fde68a;background:#00000059;border-color:#fde68a99}.cx.d-lifted{box-shadow:0 26px 44px -24px #0000008c}.cx.m-glass.d-lifted{box-shadow:inset 0 1px #ffffffe6,0 26px 44px -24px #1e295a8c}.cx.d-3d{transform:perspective(900px) rotateX(calc(4deg + var(--rx))) rotateY(calc(-6deg + var(--ry)));box-shadow:-16px 30px 50px -28px #000000b3}.cx.d-3d .cx-ico{transform:translateZ(26px)perspective(300px)rotateX(12deg)rotate(-6deg)}.cx.d-3d :is(h2,h3){transform:translateZ(14px)}.cx.s-compact{padding:14px}.cx.s-compact :is(h2,h3){margin-top:8px;font-size:17px}.cx.s-compact p{display:none}.cx.s-hero{padding:28px}.cx.s-hero :is(h2,h3){font-size:26px}.cx.s-hero p{font-size:16px}.cx.h-lift:hover{transform:translateY(-5px)}.cx.h-lift.d-3d:hover{transform:perspective(900px)rotateX(2deg)rotateY(-3deg)translateY(-5px)}.cx.h-tilt:not(.d-3d){transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.cx-sh{z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.cx.h-shine:hover .cx-sh{transition:transform calc(.9s * var(--spd)) ease;transform:translate(130%)}.cx.l-card.at-inline{margin:28px 0}.cx.at-sidebar{padding:18px}.cx.at-sidebar :is(h2,h3){font-size:18px}.cx.at-sidebar p{font-size:14px}.cx.at-sidebar .cx-acts{flex-direction:column;align-items:stretch}.cx.l-split{grid-template-columns:minmax(0,1fr) minmax(0,40%);align-items:stretch;gap:18px;display:grid}.cx-side{z-index:2;border-radius:calc(var(--r) * .7);background:radial-gradient(70% 70% at 40% 30%, #ffffff59, transparent 70%), linear-gradient(160deg, var(--h3), var(--h2));place-items:center;min-height:160px;display:grid;position:relative;overflow:hidden}.cx-side img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cx-side .cx-big{color:#ffffffeb;filter:drop-shadow(0 10px 16px #00000059);width:46%;height:auto;transform:rotate(-8deg)}.cx.at-sidebar.l-split{grid-template-columns:minmax(0,1fr)}.cx.at-sidebar.l-split .cx-side{order:-1;min-height:110px}.cx.l-banner .cx-in{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.cx.l-banner .cx-top{min-height:0}.cx.l-banner :is(h2,h3){margin:0 0 2px}.cx.l-banner p{margin:0}.cx.l-top{border-radius:0;padding:6px 56px 6px 16px}.cx.l-top .cx-in{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cx.l-top .cx-ico{border-radius:9px;width:30px;height:30px}.cx.l-top b{font-size:14px}.cx.l-top .cx-go{min-height:36px;padding:0 14px;font-size:13px}.cx.l-top .cx-go:after{content:"";position:absolute;inset:-4px 0}.cx.l-top .cx-x{top:50%;transform:translateY(-50%)}.cx-float{z-index:60;position:fixed}.cx.l-bottom{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:760px;margin:0 auto;padding:10px 56px 10px 12px}.cx.l-bottom.above-dock{bottom:calc(112px + env(safe-area-inset-bottom))}.cx.l-bottom .cx-in{align-items:center;gap:12px;display:flex}.cx.l-bottom b{flex:1;min-width:0;font-size:15px;line-height:1.3}.cx.l-bottom .cx-x{top:50%;transform:translateY(-50%)}.cx.l-pop{width:min(360px,100vw - 32px);bottom:96px;right:20px}.cx.l-pop.above-dock{bottom:calc(112px + env(safe-area-inset-bottom))}.cx-scrim{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0508168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cx.l-spot{text-align:center;width:min(460px,100%);padding:30px 26px 26px}.cx.l-spot .cx-top{flex-direction:column;justify-content:center}.cx.l-spot .cx-ico{border-radius:20px;width:64px;height:64px}.cx.l-spot .cx-acts{justify-content:center}.cx.l-spot.cx-has-x .cx-top{padding-right:0}@media (max-width:767px){.cx.l-split{grid-template-columns:minmax(0,1fr)}.cx.l-split .cx-side{order:-1;min-height:120px}.cx.l-banner .cx-in{grid-template-columns:auto minmax(0,1fr)}.cx.l-banner .cx-acts{grid-column:1/-1}.cx.l-bottom{right:84px}.cx.l-bottom b{font-size:14px}.cx.l-pop{width:auto;bottom:88px;left:16px;right:16px}.cx-only-desk{display:none!important}}@media (min-width:768px){.cx-only-phone{display:none!important}}.cx[data-wait]{opacity:0}.cx[data-play].e-rise{animation:cx-rise calc(.75s * var(--spd)) cubic-bezier(.2, .8, .2, 1) both}.cx[data-play].e-tilt{animation:cx-tilt calc(1s * var(--spd)) cubic-bezier(.2, .8, .2, 1) both;transform-origin:50% 100%}.cx[data-play].e-flip{animation:cx-flip calc(1.1s * var(--spd)) cubic-bezier(.2, .9, .2, 1) both}.cx[data-play].e-zoom{animation:cx-zoom calc(.9s * var(--spd)) cubic-bezier(.2, .8, .2, 1) both}.cx[data-play].e-glow{animation:cx-rise calc(.6s * var(--spd)) ease both, cx-glow calc(1.6s * var(--spd)) .3s ease both}.cx[data-play].l-bottom:not(.e-none){animation:cx-up calc(.65s * var(--spd)) cubic-bezier(.2, .8, .2, 1) both}.cx[data-play].l-top:not(.e-none){animation:cx-down calc(.5s * var(--spd)) ease both}.cx[data-play]:not(.e-none) .cx-in>*{animation:cx-part calc(.6s * var(--spd)) cubic-bezier(.2, .8, .2, 1) both}.cx[data-play] .cx-in>:nth-child(2){animation-delay:calc(.12s * var(--spd))}.cx[data-play] .cx-in>:nth-child(3){animation-delay:calc(.2s * var(--spd))}.cx[data-play] .cx-in>:nth-child(4){animation-delay:calc(.28s * var(--spd))}.cx[data-play] .cx-in>:nth-child(5){animation-delay:calc(.36s * var(--spd))}.cx-scrim:has(.cx[data-play]){animation:.3s both cx-fade}@keyframes cx-part{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes cx-rise{0%{opacity:0;translate:0 22px;scale:.97}to{opacity:1;translate:0;scale:1}}@keyframes cx-tilt{0%{opacity:0;translate:0 24px;rotate:x 40deg}to{opacity:1;translate:0;rotate:x 0deg}}@keyframes cx-flip{0%{opacity:0;rotate:y -75deg;scale:.9}to{opacity:1;rotate:y 0deg;scale:1}}@keyframes cx-zoom{0%{opacity:0;filter:blur(10px);scale:1.15}to{opacity:1;filter:blur();scale:1}}@keyframes cx-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--h3) 80%, transparent)}to{box-shadow:0 0 0 22px #0000}}@keyframes cx-up{0%{opacity:0;translate:0 120%}to{opacity:1;translate:0}}@keyframes cx-down{0%{opacity:0;translate:0 -100%}to{opacity:1;translate:0}}@keyframes cx-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cx,.cx *,.cx-scrim{transition:none!important;animation:none!important}.cx[data-wait]{opacity:1}.cx.d-3d,.cx.h-tilt,.cx.h-lift:hover,.cx-go:hover,.cx-gh:hover,.cx .cx-ico,.cx:hover .cx-ico{transform:none!important}}@media (forced-colors:active){.cx{border:2px solid canvastext}}
