:root{--cp-mx:50;--cp-my:50;--cp-hx:0;--cp-foil:.38;--cp-glare:.55;--cp-guilloche:none;--cp-cols:1fr 1fr 1fr 1fr}.cp-act{--cp-bridge-h:clamp(4.5rem, 9vw, 9rem);--cp-out-h:8rem;--cp-via:var(--cp-to);--chip-fill:var(--navy);--chip-ink:#fff;--cp-to:var(--cp-to-l);--cp-from:var(--cp-from-l,var(--cp-to-l));background-color:var(--cp-to)}html.dark .cp-act{--cp-to:var(--cp-to-d);--cp-from:var(--cp-from-d,var(--cp-to-d))}.cp-bridge{height:var(--cp-bridge-h);z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom, var(--cp-from), var(--cp-to));inset-inline:0;position:absolute;top:0}@supports (background-image:linear-gradient(in oklab, red, blue)){.cp-bridge{background-image:linear-gradient(in oklab to bottom, var(--cp-from), var(--cp-to))}.cp-bridge[data-hue=increasing]{background-image:linear-gradient(in oklch increasing hue to bottom, var(--cp-from), var(--cp-to))}.cp-bridge[data-hue=decreasing]{background-image:linear-gradient(in oklch decreasing hue to bottom, var(--cp-from), var(--cp-to))}.cp-bridge[data-via]{background-image:linear-gradient(in oklab to bottom, var(--cp-from), var(--cp-via) 50%, var(--cp-to))}html.dark .cp-bridge[data-hue-dark=increasing]{background-image:linear-gradient(in oklch increasing hue to bottom, var(--cp-from), var(--cp-to))}html.dark .cp-bridge[data-hue-dark=decreasing]{background-image:linear-gradient(in oklch decreasing hue to bottom, var(--cp-from), var(--cp-to))}}.cp-act.cp-out{background-color:#0000;background-image:linear-gradient(to bottom, var(--cp-to) calc(100% - var(--cp-out-h,8rem)), transparent)}.cp-stage{perspective:1400px;perspective-origin:50% 40%}.cp-preserve{transform-style:preserve-3d}.cp-face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.cp-back{transform:rotateY(180deg)}.cp-base{background:radial-gradient(120% 90% at 0 0,#1fe8d447 0%,#0000 55%),radial-gradient(90% 80% at 100% 100%,#ff3d7f52 0%,#0000 60%),linear-gradient(135deg,#0a2244 0%,#1c1a6e 52%,#4b2fd6 100%)}.cp-base-back{background:radial-gradient(100% 80% at 100% 0,#7b5cff73 0%,#0000 60%),linear-gradient(160deg,#0a2244 0%,#071a36 60%,#1c1a6e 100%)}.cp-foil{background-image:linear-gradient(112deg,#0000 22%,#1fe8d4e6 34%,#1d97fce6 41%,#7b5cffe6 48%,#ff3d7fe6 55%,#ffb627e6 62%,#0000 76%);background-size:260% 260%;background-position:calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%);mix-blend-mode:color-dodge;opacity:var(--cp-foil,.38);transition:opacity .4s var(--ease-out);position:absolute;inset:0}.cp-foil-masked{-webkit-mask-image:var(--cp-guilloche);-webkit-mask-image:var(--cp-guilloche);-webkit-mask-image:var(--cp-guilloche);mask-image:var(--cp-guilloche);opacity:calc(var(--cp-foil,.38) + .18);-webkit-mask-size:cover;mask-size:cover}.cp-glare{background:radial-gradient(farthest-corner circle at calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%), #ffffff80 0%, #ffffff24 22%, transparent 52%);mix-blend-mode:overlay;opacity:var(--cp-glare,.6);position:absolute;inset:0}.cp-sparkle{mix-blend-mode:color-dodge;opacity:.16;-webkit-mask-image:radial-gradient(circle at calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%), #000 0%, transparent 45%);-webkit-mask-image:radial-gradient(circle at calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%), #000 0%, transparent 45%);-webkit-mask-image:radial-gradient(circle at calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%), #000 0%, transparent 45%);mask-image:radial-gradient(circle at calc(var(--cp-mx,50) * 1%) calc(var(--cp-my,50) * 1%), #000 0%, transparent 45%);background-image:url(/textures/noise.webp);background-size:120px;position:absolute;inset:0}.cp-edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff59}.cp-holo-text{background-image:var(--grad-holo);background-size:220% 100%;background-position:calc(var(--cp-hx,0) * 1%) 50%;color:#0000;transition:background-position .7s var(--ease-out);-webkit-background-clip:text;background-clip:text}.cp-panels{flex-direction:column;gap:.75rem;display:flex}@media (min-width:1024px){.cp-panels{grid-template-columns:var(--cp-cols);transition:grid-template-columns .7s var(--ease-out);gap:.75rem;display:grid}}html[data-motion=calm] .cp-panels{transition:none}.cp-speed span:has(>span:last-child:empty)+span>span:first-child:not(:last-child){opacity:0!important}.cp-vertical{writing-mode:vertical-rl;transform:rotate(180deg)}