@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#0a0a0f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{width:100vw;height:100vh}*{box-sizing:border-box;margin:0;padding:0}.app{background:#0a0a0f;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.grid-background{opacity:.3;background-image:linear-gradient(#00ffff08 1px,#0000 1px),linear-gradient(90deg,#00ffff08 1px,#0000 1px);background-size:100px 100px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.particles{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.particle{width:3px;height:3px;animation:float var(--duration,15s) ease-in-out infinite;animation-delay:var(--delay,0s);left:var(--x,50vw);top:var(--y,50vh);background:#0ff9;border-radius:50%;position:absolute;box-shadow:0 0 10px #00ffff80}@keyframes float{0%,to{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}50%{opacity:.8;transform:translate(50px,-100px)scale(1.5)}90%{opacity:1}}.content{z-index:10;text-align:center;opacity:0;transition:all 1.5s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(30px)}.content.loaded{opacity:1;transform:translateY(0)}.title{letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(3rem,12vw,8rem);font-weight:200;line-height:1}.title-word{color:#fff;margin:0 .15em;animation:1s ease-out forwards titleFadeIn;display:inline-block}.title-word:first-child{animation-delay:.3s}.title-word:last-child{animation-delay:.6s}@keyframes titleFadeIn{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.gradient-text{background:linear-gradient(135deg,#0ff 0%,#0080ff 50%,#f0f 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift,1s ease-out forwards titleFadeIn;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.subtitle{color:#ffffffb3;letter-spacing:.05em;opacity:0;margin-bottom:3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;animation:1.2s ease-out 1s forwards subtitleFadeIn}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glow-line{background:linear-gradient(90deg,#0000,#0ff,#0000);width:0;height:2px;margin:0 auto;animation:1.5s ease-out 1.5s forwards lineExpand;box-shadow:0 0 20px #00ffff80}@keyframes lineExpand{0%{width:0}to{width:300px}}.corner-accent{pointer-events:none;border:1px solid #0ff3;width:100px;height:100px;animation:3s ease-in-out infinite cornerPulse;position:absolute}.top-left{border-bottom:none;border-right:none;top:40px;left:40px}.top-right{border-bottom:none;border-left:none;animation-delay:.75s;top:40px;right:40px}.bottom-left{border-top:none;border-right:none;animation-delay:1.5s;bottom:40px;left:40px}.bottom-right{border-top:none;border-left:none;animation-delay:2.25s;bottom:40px;right:40px}@keyframes cornerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (width<=768px){.corner-accent{width:60px;height:60px}.top-left,.top-right{top:20px}.bottom-left,.bottom-right{bottom:20px}.top-left,.bottom-left{left:20px}.top-right,.bottom-right{right:20px}.glow-line{animation:1.5s ease-out 1.5s forwards lineExpand}@keyframes lineExpand{0%{width:0}to{width:200px}}}@media (hover:hover){.app:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#00ffff0d 0%,#0000 70%);width:500px;height:500px;transition:opacity .3s;position:absolute}.app:hover:before{opacity:1}}