@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700;800&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;background-color:#0a0a0a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%}:root{--primary:#6366f1;--secondary:#a855f7;--accent:#ec4899;--bg:#030712}#root{width:100%;margin:0;padding:0}.landing-container{background-color:var(--bg);color:#fff;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.background-wrapper{z-index:0;position:fixed;inset:0;overflow:hidden}.gradient-sphere{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.sphere-1{background:var(--primary);width:50vw;height:50vw;top:-10%;left:-10%}.sphere-2{background:var(--secondary);width:40vw;height:40vw;animation-delay:-5s;bottom:-10%;right:-5%}.sphere-3{background:var(--accent);width:30vw;height:30vw;animation-delay:-10s;top:40%;left:60%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}.noise-overlay{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.ripple-container{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ripple{border:1px solid #ffffff1a;border-radius:50%;animation:8s linear infinite rippleSpread;position:absolute}.colorful-ripple{border-color:#6366f133;box-shadow:0 0 20px #a855f71a}@keyframes rippleSpread{0%{opacity:1;width:0;height:0}to{opacity:0;width:150vw;height:150vw}}.ripple:nth-child(2){border-color:#ec489933;animation-delay:2.5s}.ripple:nth-child(3){border-color:#a855f733;animation-delay:5s}.header{z-index:10;padding:2rem 3rem;animation:.8s ease-out slideDown}.logo-container{align-items:center;gap:12px;display:flex}.logo{filter:drop-shadow(0 0 10px #6366f180);height:32px}.logo-text{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.main-content{z-index:10;perspective:1000px;flex:1;justify-content:center;align-items:center;display:flex}.center-stage{text-align:center;width:100%;max-width:800px;padding:0 2rem}.scene-3d{transform-style:preserve-3d;margin-bottom:2rem;animation:10s ease-in-out infinite alternate sceneRotate}@keyframes sceneRotate{0%{transform:rotateX(-5deg)rotateY(-10deg)}to{transform:rotateX(10deg)rotateY(15deg)}}.title-3d{color:#fff;letter-spacing:-.05em;text-transform:uppercase;text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b9b9b9,0 5px #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d,0 3px 5px #0003,0 5px 10px #00000040,0 10px 10px #0003,0 20px 20px #00000026;margin:0;font-size:clamp(3rem,12vw,8rem);font-weight:900;line-height:.9;animation:4s ease-in-out infinite alternate titleGlow;position:relative}@keyframes titleGlow{0%{color:#fff;text-shadow:0 0 20px #6366f14d}to{color:#f0f0f0;text-shadow:0 0 40px #ec489980}}.marketing-tagline{margin-bottom:3rem;animation:1.5s ease-out fadeIn}.marketing-tagline p{color:#94a3b8;font-size:1.25rem;font-weight:500}.waitlist-form{max-width:400px;margin:0 auto;animation:1s ease-out slideUp}.input-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:4px;transition:all .3s;display:flex}.input-group:focus-within{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 30px #6366f133}input[type=email]{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 24px;font-size:1rem}button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:100px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:transform .2s,filter .2s}button:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}button.submitted{background:#10b981}.footer{z-index:10;justify-content:center;padding:2rem;display:flex}.social-links{gap:2rem;display:flex}.social-links a{color:#64748b;transition:all .3s}.social-links a:hover{color:#fff;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.header{padding:1.5rem}.title-3d{font-size:4rem}.marketing-tagline p{font-size:1rem}.input-group{background:0 0;border:none;border-radius:12px;flex-direction:column}input[type=email]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:8px}button{border-radius:12px;width:100%}}