:root{--bg:#000;--text:#fff;--text-dim:#a0a0a0;--glow:rgba(255, 255, 255, 0.02);--star-glow:rgba(255, 255, 255, 0.8)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;contain:layout style paint}.space{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 3s ease-in-out;opacity:1}.star{position:absolute;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 6px var(--star-glow);transform:translateZ(0);backface-visibility:hidden}.star-tiny{width:2px;height:2px}.star-small{width:3px;height:3px}.star-medium{width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,.9);will-change:transform,opacity}.star-large{width:5px;height:5px;box-shadow:0 0 10px #fff;will-change:transform,opacity}@keyframes twinkle{0%,100%{opacity:.8}50%{opacity:.3}}.container{text-align:center;max-width:800px;padding:2rem;width:100%;position:relative;z-index:10}.wrapper{margin-bottom:4rem;opacity:0;animation:2.2s cubic-bezier(.2,.4,.3,.9) .3s forwards logoIn}.logo{width:100%;max-width:500px;height:auto;transform:scale(.95) translateZ(0);transition:transform .6s cubic-bezier(.4, 0, .2, 1);will-change:transform}.logo:hover{transform:scale(1) translateZ(0)}.heading{font-size:clamp(2rem, 8vw, 3.5rem);font-weight:300;letter-spacing:-.02em;margin-bottom:2rem;opacity:0;animation:1.6s cubic-bezier(.2,.4,.3,.9) .8s forwards textUp;line-height:1.1;text-rendering:optimizeLegibility}.subtitle{font-size:clamp(.875rem, 3vw, 1.125rem);font-weight:400;color:var(--text-dim);letter-spacing:.01em;opacity:0;animation:1.6s cubic-bezier(.2,.4,.3,.9) 1.2s forwards textUp;line-height:1.5;max-width:min(400px,90vw);margin:0 auto;text-rendering:optimizeLegibility}@keyframes logoIn{0%{opacity:0;transform:translateY(20px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes textUp{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:1.5rem}.wrapper{margin-bottom:3rem}.logo{max-width:350px}}@media (max-width:480px){.container{padding:1rem}.logo{max-width:280px}}