:root{--bg-color: #000000;--text-main: #ffffff;--text-muted: #888888;--text-dark: #444444;--font-sans: "Inter", sans-serif;--font-mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-main);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);overscroll-behavior:none}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.04;background:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.entity{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:0px;height:1px;opacity:0;z-index:10}@keyframes sparkAnim{0%{width:0px;height:1px;opacity:0}10%{width:1px;height:1px;opacity:1;box-shadow:0 0 4px #fff}35%{width:1px;height:1px;opacity:1;box-shadow:0 0 8px #fff;transform:translate(-50%,-50%) scale(1)}40%{width:1px;height:1px;opacity:1;box-shadow:0 0 12px #fff;transform:translate(-50%,-50%) scale(1.5)}60%{width:300px;height:1px;opacity:1;box-shadow:0 0 10px #fff;transform:translate(-50%,-50%) scale(1)}80%{width:300px;height:1px;opacity:1;transform:translate(-50%,-50%)}85%{width:320px;height:2px;opacity:.8;transform:translate(-50%,-50%) scaleY(2)}90%{width:300px;height:1px;opacity:.3;transform:translate(-50%,-50%) scaleY(.5)}to{width:0px;height:1px;opacity:0}}.content{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:scale(.97);transition:opacity 2s ease-out,transform 2s ease-out;z-index:20;margin-top:-2rem}.content.show-content{opacity:1;transform:scale(1)}.logo-text{font-family:var(--font-sans);font-weight:200;font-size:4.5rem;letter-spacing:.6rem;color:var(--text-main);margin-bottom:.5rem;margin-left:.6rem;text-transform:uppercase;position:relative;animation:text-breathe 6s ease-in-out infinite alternate}@keyframes text-breathe{0%{text-shadow:0 0 10px rgba(255,255,255,.02)}to{text-shadow:0 0 25px rgba(255,255,255,.25),0 0 3px rgba(255,255,255,.4)}}.glitch-wrapper{position:relative;z-index:20}.glitch-wrapper:after{content:"UMIPEDIA";position:absolute;top:0;left:0;width:100%;height:100%;font-family:var(--font-sans);font-weight:200;font-size:4.5rem;letter-spacing:.6rem;color:#fff;margin-left:.6rem;text-transform:uppercase;background:var(--bg-color);opacity:0;z-index:2}.show-content .glitch-wrapper:after{animation:initial-glitch .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes initial-glitch{0%{opacity:1;clip-path:inset(20% 0 80% 0);transform:translate(-4px,2px)}20%{opacity:1;clip-path:inset(60% 0 10% 0);transform:translate(4px,-2px)}40%{opacity:1;clip-path:inset(40% 0 50% 0);transform:translate(-2px,4px)}60%{opacity:1;clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{opacity:1;clip-path:inset(10% 0 70% 0);transform:translate(-4px,1px)}to{opacity:0;clip-path:inset(50% 0 30% 0);transform:translate(0)}}.headline{font-family:var(--font-mono);color:#b0b0b0;font-size:1rem;letter-spacing:.4rem;margin-bottom:2.5rem;margin-left:.4rem;opacity:0;text-transform:uppercase}.show-content .headline{animation:fade-up 2s ease-out .8s forwards}.sub-headline{font-family:var(--font-sans);font-weight:300;color:var(--text-muted);font-size:1rem;max-width:500px;line-height:1.8;margin-bottom:0;opacity:0}.show-content .sub-headline{animation:fade-up 2s ease-out 1.6s forwards}.cta-container{opacity:0;position:relative;z-index:20}.show-content .cta-container{animation:fade-up 2s ease-out 2.6s forwards}.cta{font-family:var(--font-mono);color:var(--text-main);text-decoration:none;font-size:.85rem;letter-spacing:.3rem;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);padding:1.2rem 3rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:inline-block;background:transparent;cursor:pointer}.cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}.cta:hover{color:#000;border-color:#fff;box-shadow:0 0 20px #fff3}.cta:hover:before{transform:scaleX(1);transform-origin:left}.blink{animation:blinker 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes blinker{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(15px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.eclipse-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;margin-top:4rem;margin-bottom:5rem;width:100%;z-index:10}.eclipse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;background:#000;box-shadow:0 0 80px 10px #ffffffb3,0 0 150px 30px #ffffff4d,inset 0 0 20px #000;z-index:-1;opacity:0;pointer-events:none}.show-content .eclipse{animation:reveal-eclipse 4s ease-in-out 3.5s forwards}@keyframes reveal-eclipse{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:30}.coming-logo{font-family:var(--font-sans);font-weight:200;font-size:4rem;letter-spacing:.6rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.4);text-transform:uppercase;background:linear-gradient(90deg,transparent 0%,#ffffff 50%,transparent 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;animation:shine-text 3s linear infinite,dramatic-reveal 3s cubic-bezier(.2,.8,.2,1) forwards;margin-bottom:1.5rem}.coming-text{font-family:var(--font-mono);font-weight:400;font-size:1.2rem;letter-spacing:.5rem;color:var(--text-muted);text-transform:uppercase;opacity:0;animation:fade-up 2s ease-out 1.5s forwards}@keyframes dramatic-reveal{0%{transform:scale(.95);filter:blur(12px);opacity:0}40%{opacity:1;filter:blur(2px)}to{transform:scale(1);filter:blur(0);opacity:1}}@keyframes shine-text{to{background-position:200% center}}@media (max-width: 768px){.logo-text{font-size:2.5rem;letter-spacing:.4rem;margin-left:.4rem}.glitch-wrapper:after{font-size:2.5rem;letter-spacing:.4rem;margin-left:.4rem}.headline{font-size:.8rem;letter-spacing:.2rem}.sub-headline{font-size:.9rem;padding:0 1.5rem}.cta{padding:1rem 2rem}.eclipse-wrapper{padding:3rem 0;margin-top:2rem;margin-bottom:2rem}.eclipse{width:250px;height:250px}.coming-logo{font-size:2.5rem;letter-spacing:.4rem;margin-left:.4rem}.coming-text{font-size:.9rem;letter-spacing:.3rem}}