:root{--welcome-bg: #0a0a0f;--welcome-primary: #6366f1;--welcome-secondary: #a855f7;--welcome-accent: #22d3ee;--welcome-text: #e2e8f0;--welcome-text-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--welcome-bg);color:var(--welcome-text);font-family:Space Mono,monospace;overflow:hidden;min-height:100vh}#welcome-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.welcome-overlay{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;pointer-events:none}.welcome-content{text-align:center;pointer-events:auto;max-width:600px}.welcome-logo{font-family:Syne,sans-serif;font-size:clamp(3rem,12vw,7rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--welcome-primary) 0%,var(--welcome-secondary) 50%,var(--welcome-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:logo-glow 3s ease-in-out infinite alternate;text-shadow:0 0 80px rgba(99,102,241,.3)}@keyframes logo-glow{0%{filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}to{filter:drop-shadow(0 0 40px rgba(168,85,247,.6))}}.welcome-tagline{font-size:.875rem;color:var(--welcome-text-muted);text-transform:uppercase;letter-spacing:.3em;margin-bottom:3rem}.welcome-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.welcome-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border:2px solid transparent;border-radius:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.welcome-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.welcome-btn:hover:before{left:100%}.welcome-btn-primary{background:linear-gradient(135deg,var(--welcome-primary),var(--welcome-secondary));color:#fff;box-shadow:0 4px 20px #6366f166}.welcome-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f199}.welcome-btn-secondary{background:transparent;color:var(--welcome-text);border-color:var(--welcome-text-muted)}.welcome-btn-secondary:hover{border-color:var(--welcome-accent);color:var(--welcome-accent);transform:translateY(-2px)}.welcome-sample{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(100,116,139,.2)}.welcome-sample-label{font-size:.75rem;color:var(--welcome-text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.welcome-sample-link{color:var(--welcome-accent);text-decoration:none;font-size:.875rem;transition:color .2s ease}.welcome-sample-link:hover{color:var(--welcome-secondary)}.welcome-version{position:fixed;bottom:1.5rem;right:1.5rem;font-size:.75rem;color:var(--welcome-text-muted);z-index:20;pointer-events:auto}.welcome-loading{position:fixed;top:1.5rem;left:1.5rem;font-size:.75rem;color:var(--welcome-text-muted);z-index:20;display:flex;align-items:center;gap:.5rem}.welcome-loading-dot{width:6px;height:6px;background:var(--welcome-accent);border-radius:50%;animation:loading-pulse 1.4s ease-in-out infinite}.welcome-loading-dot:nth-child(2){animation-delay:.2s}.welcome-loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(max-width:640px){.welcome-actions{flex-direction:column;width:100%}.welcome-btn{width:100%}}