html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Lato,sans-serif;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.App{animation:gradientShift 8s ease infinite;background:linear-gradient(-45deg,#000,#000,#404040,#000);background-size:400% 400%;min-height:100vh}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #ffffff1a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:2rem;font-weight:900;gap:.5rem}.logo-emoji{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-size:2.5rem}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#dc2626}.nav-cta{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:25px;color:#fff!important;padding:.5rem 1.5rem;transition:transform .3s ease}.nav-cta:hover{color:#fff!important;transform:translateY(-2px)}.hero{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:6rem 1rem 4rem;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.emoji-particle{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));font-size:5rem;opacity:.9;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.hero-content{flex:1 1;max-width:1000px;padding:0 1rem;text-align:center;z-index:2}.hero-title{color:#fff;font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000004d}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;position:relative;text-shadow:none}.hero-subtitle{color:#ffffffe6;font-size:1.8rem;line-height:1.3;margin-bottom:2.5rem;text-shadow:1px 1px 2px #0000004d}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#dc26264d;border:2px solid #dc2626cc;box-shadow:0 4px 15px #0003,0 0 20px #ffff004d}.btn-primary,.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.btn-secondary{background:#fff3;border:2px solid #fffc;box-shadow:0 4px 15px #0000001a,0 0 20px #ffff004d}.btn-icon{height:20px;width:20px}.btn-large{font-size:1.3rem;padding:1.5rem 3rem}.btn-large .btn-icon{height:24px;width:24px}.features{background:#0000;padding:6rem 2rem}.features-header{margin:0 auto 4rem;max-width:600px;text-align:center}.features-title{color:#fff;font-size:3rem;font-weight:900;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.features-subtitle{color:#ffffffe6;font-size:1.2rem;text-shadow:1px 1px 2px #0000004d}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a,0 0 25px #ff03;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:20px;box-shadow:0 0 20px #ffff004d;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon{color:#fff;height:40px;width:40px}.feature-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 2px #0000004d}.feature-description{color:#fffc;line-height:1.6;text-shadow:1px 1px 2px #0003}.demo-section{background:#0000;padding:6rem 2rem}.demo-content{margin:0 auto;max-width:800px;text-align:center}.demo-title{color:#fff;font-size:3rem;font-weight:900;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.demo-subtitle{color:#ffffffe6;font-size:1.2rem;margin-bottom:3rem;text-shadow:1px 1px 2px #0000004d}.demo-container{background:#f8fafc;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.demo-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;box-shadow:0 0 25px #ff03;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}.demo-play-icon{color:#fff;height:60px;width:60px}.demo-preview p{color:#ffffffe6;margin:.5rem 0;text-shadow:1px 1px 2px #0000004d}.demo-note{color:#ffffffb3;font-size:.9rem;font-style:italic;text-shadow:1px 1px 2px #0003}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748cc;box-shadow:0 0 30px #ffff0026;color:#fff;padding:3rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:900;gap:.5rem;justify-content:center;margin-bottom:1rem}.footer-logo-icon{height:32px;width:32px}.footer-text{color:#a0aec0;margin:0}@media (max-width:968px){.hero{flex-direction:column;padding:6rem 1rem 4rem;text-align:center}.hero-title{font-size:3rem}.features-grid{grid-template-columns:1fr}.nav{gap:1rem}.nav-link{font-size:.9rem}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{gap:1rem;justify-content:center}.btn-primary,.btn-secondary{font-size:1rem;padding:.8rem 1.5rem}.cta-title,.demo-title,.features-title{font-size:2.5rem}.header-content{padding:0 1rem}.nav{display:none}}@media (max-width:480px){.hero{padding:5rem 1rem 3rem}.hero-title{font-size:2rem}.hero-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:280px;width:100%}.cta,.demo-section,.features{padding:4rem 1rem}.feature-card{padding:2rem 1.5rem}}
/*# sourceMappingURL=main.69dc5631.css.map*/