.landingpage-container{background-color:var(--page-bg);text-align:center;perspective:1200px;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.landingpage-container .landing-content{z-index:10;flex-direction:column;align-items:center;gap:3rem;display:flex}.landingpage-container .brand-reveal{transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;position:relative}.landingpage-container .logo-wrapper{aspect-ratio:1;z-index:2;width:clamp(300px,40vw,400px);margin-bottom:1.5rem;position:relative}.landingpage-container .logo-wrapper .landing-logo{object-fit:contain;filter:drop-shadow(0 0 30px var(--primary-glow))}.landingpage-container .landing-title{color:var(--header-color);white-space:nowrap;justify-content:center;margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;display:flex}.landingpage-container .landing-title .char{transition:color .3s;display:inline-block}.landingpage-container .landing-title .char.accent{color:var(--primary)}.landingpage-container.vortex-orbit-combined .logo-wrapper{animation:1.3s cubic-bezier(.34,1.56,.64,1) forwards vortexLogoSpin}.landingpage-container.vortex-orbit-combined .char{opacity:0;animation:1.4s cubic-bezier(.25,1,.5,1) forwards orbitCharReveal;animation-delay:calc(var(--index)*70ms + .8s)}.landingpage-container .landing-actions{opacity:0;z-index:15;flex-direction:column;align-items:center;gap:1.2rem;animation:.8s ease-out 2.5s forwards fadeInAction;display:flex}.landingpage-container .enter-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--primary-shadow);text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:1rem 3.5rem;font-size:1.25rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.landingpage-container .enter-btn:hover{background:var(--primary-dark);box-shadow:var(--primary-shadow-hover);transform:translateY(-5px)scale(1.05)}.landingpage-container .enter-btn:active{transform:translateY(0)scale(.98)}.landingpage-container .skip-option{color:var(--text-color-light);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.95rem;transition:color .2s;display:flex}.landingpage-container .skip-option:hover{color:var(--text-color)}.landingpage-container .skip-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.landingpage-container .skip-option label{cursor:pointer;margin:0}.landingpage-container .bg-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 75%);filter:blur(80px);z-index:1;border-radius:50%;width:60vw;height:60vw;animation:6s ease-in-out infinite alternate pulseGlow;position:absolute}@keyframes vortexLogoSpin{0%{filter:blur(20px);opacity:0;transform:rotate(-720deg)scale(0)translateZ(-500px)}70%{filter:blur(5px);opacity:.8;transform:rotate(0)scale(1.1)translateZ(0)}to{filter:blur();opacity:1;transform:rotate(0)scale(1)translateZ(0)}}@keyframes orbitCharReveal{0%{opacity:0;filter:blur(15px);transform:rotateY(270deg)translateZ(500px)translateY(-100px)scale(3)}60%{opacity:.8;filter:blur(2px);transform:rotateY(10deg)translateZ(10px)translateY(5px)scale(1.1)}to{opacity:1;filter:blur();transform:rotateY(0)translateZ(0)translateY(0)scale(1)}}@keyframes logoPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hyperLogo{0%{opacity:0;filter:brightness(5);transform:translateZ(-3000px)scale(.1)}to{opacity:1;filter:brightness();transform:translateZ(0)scale(1)}}@keyframes titleShatter{0%{letter-spacing:60px;filter:blur(30px);opacity:0;transform:scale(2)translateZ(200px)}to{letter-spacing:normal;filter:blur();opacity:1;transform:scale(1)translateZ(0)}}@keyframes vortexChars{0%{transform:translateX(calc(var(--index) * 20px - 100px)) translateY(200px) rotate(180deg);opacity:0;filter:blur(10px)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)rotate(0)}}@keyframes fadeInAction{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.3;transform:scale(1)translate(-5%,-5%)}to{opacity:.6;transform:scale(1.3)translate(5%,5%)}}@media (max-width:768px){.landingpage-container .landing-content{gap:2rem}.landingpage-container .landing-title{flex-wrap:wrap;font-size:2.8rem}.landingpage-container .bg-glow{width:100vw;height:100vw}.landingpage-container .enter-btn{padding:.8rem 2.5rem;font-size:1.1rem}}