.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.bounceCardsContainer{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:400px}.card{position:absolute;width:200px;aspect-ratio:1;border:5px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 4px 10px #0003}.card .image{width:100%;height:100%;object-fit:cover}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.page{min-height:100vh;position:relative;overflow:hidden;animation:pageFade .5s ease both;filter:brightness(var(--scene-darken))}@keyframes pageFade{0%{opacity:0}to{opacity:1}}.page:after{content:"";position:absolute;inset:0;background:var(--sky-overlay);pointer-events:none;z-index:2}[data-theme=day]{--celestial-color: radial-gradient(circle, #fff3b0, #ffd60a);--celestial-glow: rgba(255, 214, 10, .7);--celestial-opacity: 1;--sky-overlay: rgba(255, 255, 255, 0);--scene-darken: 1}[data-theme=night]{--celestial-color: radial-gradient(circle, #f5f5f5, #bfc6cf);--celestial-glow: rgba(180, 200, 220, .4);--celestial-opacity: 1;--sky-overlay: rgba(10, 20, 40, .6);--scene-darken: .7}.sky{position:fixed;inset:0;z-index:1;pointer-events:none}.celestial{position:absolute;width:80px;height:80px;border-radius:50%;top:20%;left:-10%;background:var(--celestial-color);box-shadow:0 0 60px var(--celestial-glow);animation:celestialMove 60s linear infinite;opacity:var(--celestial-opacity);transition:background 1s ease,box-shadow 1s ease}@keyframes celestialMove{0%{transform:translate(0)}to{transform:translate(120vw)}}.content{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.content h1{font-size:3rem;margin-bottom:1.5rem}.react-bit{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem 3rem;border-radius:16px}.mountains{background:linear-gradient(#7fa3c7,#dfe9f3)}.mountains .background:before,.mountains .background:after{content:"";position:absolute;bottom:0;width:0;height:0;border-left:300px solid transparent;border-right:300px solid transparent}.mountains .background:before{left:15%;border-bottom:350px solid #4a5d73}.mountains .background:after{left:45%;border-bottom:450px solid #2f3e4e}.forest{background:linear-gradient(#2f6b4f,#0f2e23)}.forest .background{background:repeating-linear-gradient(90deg,transparent 0,transparent 50px,#1f4f3b 50px,#1f4f3b 100px)}.coast{background:linear-gradient(#7ec8e3 60%,#f3e5ab 60%)}.coast .background:after{content:"";position:absolute;bottom:0;width:100%;height:40%;background:#f3e5ab}.nav{position:fixed;top:24px;left:24px;z-index:100;display:flex;flex-direction:column;gap:.8rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.2rem;border-radius:14px;box-shadow:0 20px 40px #00000040}.nav a{color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.nav a:hover{opacity:1}.nav a.active{opacity:1;font-weight:600}.theme-toggle{position:fixed;top:24px;right:24px;z-index:100;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;padding:.6rem 1rem;border-radius:999px;cursor:pointer;font-size:.9rem}