@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@keyframes left{0%{transform:translate(480px)}to{transform:translate(-54000px)}}@keyframes back{0%{transform:translate(-390px)}to{transform:translate(-54870px)}}@keyframes right{0%{transform:translate(-1260px)}to{transform:translate(-55740px)}}@keyframes left-reflect{0%{transform:translate(480px)scaleY(.7)}to{transform:translate(-54000px)scaleY(.7)}}@keyframes back-reflect{0%{transform:translate(-390px)scaleY(.7)}to{transform:translate(-54870px)scaleY(.7)}}@keyframes right-reflect{0%{transform:translate(-1260px)scaleY(.7)}to{transform:translate(-55740px)scaleY(.7)}}@keyframes filter-animation{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(100deg)}}@keyframes zoom-in{0%{transform:scale(1)}to{transform:scale(2.5)}}@keyframes blur{0%{filter:blur()}to{filter:blur(3px)}}@keyframes brightness{0%{filter:brightness()contrast()}to{filter:brightness(.8)contrast(1.3)}}@keyframes text-glow{0%,to{text-shadow:0 0 5px #fff3}50%{text-shadow:0 0 20px #ffffff80}}.hero-section{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.content{will-change:transform;border-radius:0;overflow:hidden}.hero-section>.container{justify-content:center;align-items:center;display:flex;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}.container-full{justify-content:center;align-items:center;width:1000px;height:562px;display:flex;position:relative;overflow:hidden;transform:scale(1)}.backgroundImage,.boyImage{object-fit:cover;width:1000px;height:100%;position:absolute}.boyImage{z-index:2;width:auto}.cube-container{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cube{width:870px;height:190px;transform-style:preserve-3d;perspective:480px;perspective-origin:51% 70%;will-change:transform;position:relative}.face{opacity:.5;background:0 0;align-items:center;width:870px;height:190px;display:flex;position:absolute;overflow:hidden}.top,.bottom{width:870px;height:870px}.front{display:none;transform:translateZ(435px)}.back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)}.left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)}.right{transform:translate(435px)rotateY(90deg)scaleX(-1)}.top{transform:translateY(-435px)rotateX(90deg)scaleY(-1)}.bottom{transform:translateY(-245px)rotateX(-90deg)scaleY(-1)}.face p{white-space:nowrap;color:#c8e6ffd9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;width:max-content;padding-top:20px;font-family:Bebas Neue,sans-serif;font-size:calc(6em + 13.3px);font-weight:400;animation:5s ease-in-out infinite text-glow;overflow:visible;transform:translateZ(0)}.face span{color:#0f52ba;text-shadow:0 0 10px #0f52ba59}.container-reflect{filter:blur(10px);z-index:4;justify-content:center;align-items:center;margin-top:380px;display:flex;position:absolute}.container-reflect .cube{perspective-origin:51% -30%}.container-reflect .back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)scaleY(-1)}.container-reflect .left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)scaleY(-1)}.container-reflect .right{transform:translate(435px)rotateY(90deg)scaleX(-1)scaleY(-1)}.container-reflect p{transform:scaleY(.7)}.animated.hue{z-index:3;mix-blend-mode:hue;opacity:1;pointer-events:none;background:radial-gradient(#1e5799 0%,#7db9e8);width:100%;height:100%;position:absolute;top:0;left:0}.cube .left p{will-change:transform;animation:200s linear infinite left;transform:translate(480px)}.cube .back p{will-change:transform;animation:200s linear infinite back;transform:translate(-390px)}.cube .right p{will-change:transform;animation:200s linear infinite right;transform:translate(-1260px)}.container-reflect .left p{will-change:transform;animation:200s linear infinite left-reflect;transform:translate(480px)scaleY(.7)}.container-reflect .back p{will-change:transform;animation:200s linear infinite back-reflect;transform:translate(-390px)scaleY(.7)}.container-reflect .right p{will-change:transform;animation:200s linear infinite right-reflect;transform:translate(-1260px)scaleY(.7)}@keyframes floor-pulse{0%,to{opacity:.72}50%{opacity:.9}}.floor-nav{z-index:8;transform-origin:bottom;perspective:900px;justify-content:center;align-items:center;gap:clamp(24px,4.5vw,60px);width:min(880px,92vw);display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)perspective(900px)rotateX(45deg)rotate(-.5deg)}.pedestal-btn{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#030816e6;border:1px solid #00c2ff66;border-radius:8px;align-items:center;gap:12px;padding:12px clamp(18px,2.2vw,28px);text-decoration:none;transition:all .38s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #000000e6,0 0 25px #00c2ff33,inset 0 0 15px #00c2ff1a}.pedestal-corner{pointer-events:none;border-style:solid;border-color:#00c2ff;width:7px;height:7px;transition:all .3s;position:absolute}.pedestal-corner.tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.pedestal-corner.tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.pedestal-corner.bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.pedestal-corner.br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.pedestal-num{font-family:var(--font-space-grotesk), monospace;letter-spacing:.12em;color:#00c2ff;background:#00c2ff29;border:1px solid #00c2ff73;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800;transition:all .3s;box-shadow:0 0 10px #00c2ff59}.pedestal-text{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #fff6;white-space:nowrap;font-size:13px;font-weight:800;transition:all .3s}.pedestal-beam{pointer-events:none;background:linear-gradient(90deg,#0000,#00c2ff80,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.pedestal-btn:hover{background:linear-gradient(135deg,#0052fff2 0%,#00c2fff2 100%);border-color:#fff;transform:translateZ(42px)scale(1.08);box-shadow:0 24px 60px #000000f2,0 0 45px #00c2ffd9,inset 0 0 20px #ffffff80}.pedestal-btn:hover .pedestal-beam{left:140%}.pedestal-btn:hover .pedestal-num{color:#0052ff;background:#fff;box-shadow:0 0 14px #fff}.pedestal-btn:hover .pedestal-corner{border-color:#fff;width:9px;height:9px}@media (max-width:1366px){.floor-nav{gap:clamp(10px,1.8vw,22px);width:min(90%,450px);bottom:75px;transform:translate(-50%)perspective(800px)rotateX(44deg)rotate(-.5deg)}.floor-nav a{flex-shrink:0;gap:8px;padding:10px clamp(10px,1.5vw,18px)}.hud-text{letter-spacing:.16em;font-size:12px}}@media (max-width:900px){.floor-nav{gap:clamp(8px,1.4vw,16px);width:min(92%,410px);bottom:70px}.floor-nav a{gap:6px;padding:9px 12px}.hud-index{font-size:10px}.hud-text{letter-spacing:.14em;font-size:11px}}@media (max-width:640px){.hero-section{height:100vh}.floor-nav{flex-wrap:wrap;justify-content:center;gap:10px;width:min(94%,380px);bottom:55px;transform:translate(-50%)perspective(700px)rotateX(38deg)rotate(-.3deg)}.floor-nav a{flex-shrink:0;gap:6px;padding:8px 14px}.hud-index{padding:2px 4px;font-size:9px}.hud-text{letter-spacing:.1em;font-size:10px}.hud-corner-tl,.hud-corner-tr,.hud-corner-bl,.hud-corner-br{width:4px;height:4px}.floor-nav a:after,.container-reflect{display:none}}.hero-section{height:100vh}