*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#08080c;color:#e4e4e7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}body:after{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(168,85,247,.04) 0%,transparent 50%);animation:pulse 15s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}#root{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.container{text-align:center;position:relative;z-index:1;padding:3rem}.container:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.3) 0%,transparent 50%,rgba(99,102,241,.15) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;animation:borderGlow 4s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.logo-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem;overflow:hidden}.logo{width:200px;height:auto;animation:float 6s ease-in-out infinite;position:relative}.scan-line{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.8),transparent);animation:scan 3s ease-in-out infinite;filter:blur(2px);opacity:.7}@keyframes scan{0%,to{top:-10%;opacity:0}10%{opacity:.7}90%{opacity:.7}to{top:110%;opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tagline{font-size:1.125rem;color:#71717a;max-width:400px;margin:0 auto;line-height:1.7;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none;z-index:-1;filter:blur(40px);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}
