@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#050505;--text-color:#fff;--accent-color:#7b2cbf;--accent-hover:#9d4edd;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;margin:0;font-family:Outfit,sans-serif;overflow:hidden}#bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex;position:relative}#logo-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#logo-stage{--rx:0deg;--ry:0deg;--tx:0px;--ty:0px;--tz:0px;--sc:1;--glow:.14;--glow-size:18px;pointer-events:none;width:min(520px,78vw);height:min(520px,78vw);transform-style:preserve-3d;will-change:transform;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--tx), var(--ty), var(--tz)) scale(var(--sc));justify-content:center;align-items:center;display:flex;position:relative}#logo-stage.is-interactive{transition:none}#logo-breath{--pull-x:0px;--pull-y:0px;z-index:2;width:100%;height:100%;transform-style:preserve-3d;will-change:transform, filter;filter:drop-shadow(0 0 var(--glow-size) rgba(255, 255, 255, var(--glow)));justify-content:center;align-items:center;animation:10s ease-in-out 2.6s infinite sigilBreath;display:flex;position:relative}#logo-stage #logo-breath{filter:drop-shadow(0 0 var(--glow-size) rgba(255, 255, 255, var(--glow)))}#main-logo{object-fit:contain;z-index:2;opacity:0;filter:blur(18px)brightness(2.2);will-change:opacity, transform, filter;width:100%;height:100%;animation:2.4s cubic-bezier(.16,1,.3,1) .1s forwards sigilAwaken;display:block;position:relative;transform:scale(.82)}#logo-sigil-canvas{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#logo-seed{opacity:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffffff73 30%,#0000 70%);border-radius:50%;width:14px;height:14px;animation:1.15s ease-out 50ms forwards seedBloom;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 50px 16px #ffffff59}#logo-ring{opacity:0;z-index:4;pointer-events:none;border:1px solid #fff6;border-radius:50%;width:42%;height:42%;animation:.85s cubic-bezier(.16,1,.3,1) 1.85s forwards kinPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.35);box-shadow:0 0 24px 4px #fff3}#logo-ring.pulse-loop{animation:.75s cubic-bezier(.16,1,.3,1) forwards kinPulse}.coming-soon{z-index:2;letter-spacing:.5em;color:#fff6;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;padding-left:.5em;font-size:1.15rem;font-weight:400;animation:.9s 2.4s forwards comingFadeIn,3.5s ease-in-out 3.3s infinite comingPulse;position:absolute;top:calc(50% + min(260px,42vw));left:50%;transform:translate(-50%)}@keyframes sigilAwaken{0%{opacity:0;filter:blur(22px)brightness(2.8);transform:scale(.72)}35%{opacity:.85;filter:blur(8px)brightness(1.8);transform:scale(.96)}70%{opacity:1;filter:blur()brightness(1.25)drop-shadow(0 0 28px #ffffff59);transform:scale(1.03)}to{opacity:1;filter:blur()brightness()drop-shadow(0 0 22px #fff3);transform:scale(1)}}@keyframes sigilBreath{0%,to{transform:translate3d(var(--pull-x), var(--pull-y), 0) scale(1)}50%{transform:translate3d(var(--pull-x), var(--pull-y), 0) scale(1.03)}}@keyframes seedBloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}25%{opacity:1;transform:translate(-50%,-50%)scale(2.2)}to{opacity:0;transform:translate(-50%,-50%)scale(16)}}@keyframes kinPulse{0%{opacity:.85;border-color:#ffffff73;transform:translate(-50%,-50%)scale(.3);box-shadow:0 0 24px 4px #ffffff38}to{opacity:0;border-color:#fff0;transform:translate(-50%,-50%)scale(2.25);box-shadow:0 0 70px 10px #fff0}}@keyframes comingFadeIn{0%{opacity:0}to{opacity:.55}}@keyframes comingPulse{0%,to{opacity:.35;text-shadow:0 0 5px #ffffff14}50%{opacity:.75;text-shadow:0 0 14px #ffffff38}}@media (prefers-reduced-motion:reduce){#main-logo{opacity:1!important;filter:drop-shadow(0 0 18px #ffffff24)!important;animation:none!important;transform:scale(1)!important}#logo-breath{filter:none!important;animation:none!important}#logo-seed,#logo-ring{display:none!important}.coming-soon{opacity:.55!important;animation:none!important}}@media (width<=600px){.coming-soon{letter-spacing:.35em;font-size:.95rem;top:calc(50% + min(230px,48vw))}}
