.centum-loader{z-index:10000;color:#ff5c00;font-family:var(--font-plex-mono),monospace;isolation:isolate;background:0 0;transition:opacity .65s,visibility .65s;position:fixed;inset:0;overflow:hidden}.centum-loader.leaving{pointer-events:none}.cl-tiles{z-index:-1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.cl-tile{background:#030303}.leaving .cl-tile{animation:cl-tile-reveal .18s steps(1,end) var(--delay) both}.leaving .cl-art,.leaving .cl-brand,.leaving .cl-top,.leaving .cl-bottom,.leaving .cl-progress,.leaving .cl-grid,.centum-loader.leaving:after{opacity:0;transition:opacity .18s}@keyframes cl-tile-reveal{to{opacity:0}}.cl-grid{opacity:.65;background-image:linear-gradient(#ff5c002b 1px,#0000 1px),linear-gradient(90deg,#ff5c002b 1px,#0000 1px);background-position:0 0;background-size:25vw 20vh;position:absolute;inset:0}.centum-loader:after{content:"";pointer-events:none;opacity:.35;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 2px,#0005 3px 4px);position:absolute;inset:0}.cl-top,.cl-bottom{letter-spacing:.12em;z-index:4;justify-content:space-between;font-size:10px;line-height:1.8;display:flex;position:absolute;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px)}.cl-top{top:32px}.cl-bottom{align-items:flex-end;bottom:40px}.cl-brand button{font:inherit;letter-spacing:inherit;cursor:pointer;border-bottom:1px solid #ff5c0070;padding:8px 0}.cl-brand button:focus-visible{outline-offset:6px;outline:2px solid #ff5c00}.cl-art{aspect-ratio:1;perspective:800px;width:clamp(180px,23vw,340px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cl-layer{transform:translate(calc((var(--layer) - 9)*3px),calc((var(--layer) - 9)*-3px));opacity:calc(.12 + var(--layer)*.035);animation:2.4s ease-in-out infinite cl-wave;animation-delay:calc(var(--layer)*-65ms);filter:drop-shadow(0 0 5px #ff5c00);background:#ff5c00;position:absolute;inset:0;-webkit-mask:url(/logo/centum-mark.svg) 50%/contain no-repeat;mask:url(/logo/centum-mark.svg) 50%/contain no-repeat}.cl-cross{text-shadow:0 0 10px #ff5c00;font-size:32px;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cl-coordinate{letter-spacing:.12em;color:#ff5c0090;font-size:9px;position:absolute;bottom:-40px;right:-30px}.cl-brand{white-space:nowrap;letter-spacing:.19em;flex-direction:column;align-items:center;gap:18px;font-size:9px;display:flex;position:absolute;top:74%;left:50%;transform:translate(-50%)}.cl-wordmark{filter:drop-shadow(0 0 4px #ff5c0060);background:#ff5c00;width:180px;height:24px;display:block;-webkit-mask:url(/logo/centum-wordmark.svg) 50%/contain no-repeat;mask:url(/logo/centum-wordmark.svg) 50%/contain no-repeat}.cl-status{opacity:.65}.cl-dots{animation:1s steps(2,end) infinite cl-blink}.cl-progress{transform-origin:0;background:#ff5c00;width:100%;height:2px;animation:2.8s cubic-bezier(.22,1,.36,1) both cl-progress;position:absolute;bottom:0;left:0}@keyframes cl-wave{0%,to{transform:translate(calc((var(--layer) - 9)*3px),calc((var(--layer) - 9)*-3px)) rotateY(-24deg) rotateX(12deg)}50%{transform:translate(calc((var(--layer) - 9)*-2px),calc((var(--layer) - 9)*3px)) rotateY(24deg) rotateX(-12deg)}}@keyframes cl-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cl-blink{50%{opacity:0}}@media (max-width:600px){.cl-top{font-size:8px;top:24px}.cl-top span:last-child{display:none}.cl-art{width:52vw;top:43%}.cl-brand{top:71%}.cl-bottom{gap:16px;font-size:8px;bottom:28px}.cl-brand button{white-space:nowrap}.cl-grid{background-size:25vw 20vh}}@media (prefers-reduced-motion:reduce){.cl-layer,.cl-dots,.cl-progress{animation:none}.centum-loader{transition:opacity .15s}.leaving .cl-tile{animation-duration:10ms;animation-delay:0s}}.cl-filter{pointer-events:none;position:absolute}.cl-reveal-texture{pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(90deg,#0000 0 4px,#ff5c0040 5px,#0000 6px 10px);position:absolute;inset:0}.leaving .cl-reveal-texture{animation:1s ease-out both cl-distortion-settle}@keyframes cl-distortion-settle{0%{opacity:.8;transform:scaleX(1.03)}35%{opacity:.45}70%{opacity:.15}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.leaving .cl-reveal-texture{animation:none}}.cl-static-mark{background:linear-gradient(135deg,#ff7f24 0%,#ff6a10 45%,#ff5c00 100%);position:absolute;inset:0;-webkit-mask:url(/logo/centum-mark.svg) 50%/contain no-repeat;mask:url(/logo/centum-mark.svg) 50%/contain no-repeat}.charging .cl-art{filter:drop-shadow(0 0 12px #ff5c00)drop-shadow(0 0 45px #ff5c0099);transition:filter .45s ease-out}.cl-art:before{content:"";opacity:0;background:radial-gradient(circle,#ff5c0040,#0000 65%);transition:opacity .5s;position:absolute;inset:-35%}.charging .cl-art:before{opacity:1}.cl-reveal-tint{z-index:-2;pointer-events:none;opacity:0;background:#ff5c00;position:absolute;inset:0}.leaving .cl-reveal-tint{animation:1.1s ease-out both cl-tint-settle}@keyframes cl-tint-settle{0%,35%{opacity:.4}70%{opacity:.2}to{opacity:0}}.cl-progress{animation:none;transform:scaleX(0)}.charging .cl-progress{animation:.7s ease-out both cl-progress}.leaving .cl-progress{transform:scaleX(1)}.cl-brand button:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.charging .cl-art,.cl-art:before{transition:none}.leaving .cl-reveal-tint{animation:none}}.cl-brand button{color:#ff5c00;letter-spacing:.16em;background:#030303;border:1px solid #ff5c00;border-radius:0;min-width:132px;padding:13px 34px;font-size:11px;line-height:1;transition:background-color .18s,color .18s}.cl-brand button:hover:not(:disabled),.cl-brand button:focus-visible{color:#030303;background:#ff5c00}.cl-brand button{text-align:center;justify-content:center;align-items:center;min-width:180px;height:52px;padding:0 32px 0 calc(32px + .16em);font-size:14px;display:flex}.cl-crt{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(#0000 42%,#ff7f2418 47%,#ff7f2430 49%,#0006 50%,#0000 55%) 0 0/100% 200%,repeating-linear-gradient(0deg,#0000 0 3px,#ff7f2410 4px,#0000 5px 7px) 0 0/100% 100%;animation:11s linear infinite cl-crt-interference;position:absolute;inset:0}@keyframes cl-crt-interference{0%,58%,61%,86%,89%,to{opacity:0;background-position:0 0,0 0}58.4%{opacity:.22;background-position:0 15%,0 1px}59%{opacity:.12;background-position:0 60%,0 -1px}60%{opacity:.28;background-position:0 100%,0 0}86.3%{opacity:.18;background-position:0 35%,0 1px}87%{opacity:.25;background-position:0 85%,0 0}88%{opacity:.08;background-position:0 100%,0 -1px}}.loading:after{animation:11s linear infinite cl-crt-flicker}@keyframes cl-crt-flicker{0%,58%,61%,86%,89%,to{opacity:.35}58.4%,60%{opacity:.5}59%{opacity:.25}86.5%{opacity:.48}87.2%{opacity:.28}}.leaving .cl-crt{display:none}@media (prefers-reduced-motion:reduce){.cl-crt,.loading:after{animation:none}.cl-crt{display:none}}.cl-cursor-glow{z-index:6;pointer-events:none;opacity:0;will-change:transform;width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0}.cl-cursor-glow:before{content:"";background:radial-gradient(circle,#ff5c002e 0%,#ff5c0014 25%,#0000 68%);border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;left:-75px}.cl-cursor-glow span{background:#ff7f33;border-radius:50%;width:7px;height:7px;position:absolute;top:-3.5px;left:-3.5px;box-shadow:0 0 9px #ff5c00,0 0 24px #ff5c0090}.leaving .cl-cursor-glow{display:none}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cl-cursor-glow{display:none}}.cl-lockup{flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:32px;display:flex;position:absolute;inset:0}.cl-lockup .cl-art{flex-shrink:0;width:clamp(150px,20vw,260px);position:relative;top:auto;left:auto;transform:none}.cl-lockup .cl-brand{display:block;position:relative;top:auto;left:auto;transform:none}.cl-lockup .cl-wordmark{width:clamp(180px,23vw,290px);height:30px}.loading .cl-static-mark{animation:.55s cubic-bezier(.22,1,.36,1) both cl-mark-in}.loading .cl-wordmark{animation:.4s ease-out .12s both cl-wordmark-in}@keyframes cl-mark-in{0%{opacity:0;clip-path:inset(100% 0 0);filter:blur(5px)}to{opacity:1;clip-path:inset(0);filter:blur()}}@keyframes cl-wordmark-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.loading .cl-static-mark,.loading .cl-wordmark{animation:none}}
