@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#09090b;--bg-gradient:radial-gradient(circle at top, #161622, #09090b);--text-primary:#fff;--text-secondary:#a1a1aa;--accent-primary:#00f0ff;--accent-secondary:#8a2be2;--glass-bg:#ffffff08;--glass-border:#ffffff14;--card-hover-bg:#ffffff0f;--input-bg:#00000080;--device-bg:#000;--device-border:#333}[data-theme=light]{--bg-color:#f8fafc;--bg-gradient:radial-gradient(circle at top, #e2e8f0, #f8fafc);--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#0ea5e9;--accent-secondary:#8b5cf6;--glass-bg:#fff9;--glass-border:#0000001a;--card-hover-bg:#ffffffe6;--input-bg:#fffc;--device-bg:#fff;--device-border:#ccc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);background-attachment:fixed;font-family:Outfit,sans-serif;line-height:1.6;transition:background .5s,color .5s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}h1,h2,h3{font-weight:800;line-height:1.2}h1{background:linear-gradient(to right, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem}h2{text-align:center;margin-bottom:2rem;font-size:2.5rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.btn-primary{background:linear-gradient(45deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be266}.btn-icon{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex}.btn-icon:hover{transform:scale(1.1)}nav{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 5%;transition:background .3s,border-bottom .3s;display:flex;position:fixed;top:0}nav.scrolled{background:var(--bg-color);opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.logo{letter-spacing:1px;font-size:1.5rem;font-weight:800}.logo span{color:var(--accent-primary)}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-primary)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:6rem 5% 2rem;display:flex;position:relative;overflow:hidden}.hero-flex{text-align:left;z-index:2;justify-content:space-between;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.hero-flex .hero-content{flex:1;max-width:600px;animation:1s ease-out fadeUp}.hero-flex .hero-image{perspective:1000px;flex:1;justify-content:center;animation:1s ease-out .3s backwards fadeUp;display:flex}.flyer-wrapper{transform-style:preserve-3d;transition:transform .5s;transform:rotateY(-15deg)rotateX(5deg)}.flyer-wrapper:hover{transform:rotateY(0)rotateX(0)scale(1.05)}.flyer-img{border-radius:12px;max-width:60%;height:auto;margin-left:20%;box-shadow:-15px 25px 40px #0006,0 0 40px #00f0ff4d}.trust-badge-top{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-primary);letter-spacing:.5px;border-radius:20px;margin-bottom:1.5rem;padding:5px 15px;font-size:.9rem;font-weight:700;display:inline-block}.hero-content{z-index:2;max-width:800px;animation:1s ease-out fadeUp}.hero p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.2rem}.nav-logo-img{vertical-align:middle;border-radius:8px;height:40px}.footer-logo-img{border-radius:8px;height:50px;margin-bottom:1rem}.logo{align-items:center;gap:10px;display:flex}.logo-text{flex-direction:column;justify-content:center;display:flex}.logo-title{background:linear-gradient(#00f0ff 0%,#a800ff 100%);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;font-size:1.2rem;font-weight:800;line-height:1}.logo-subtitle{color:#87ceeb;letter-spacing:2px;margin-top:4px;font-size:.4rem;font-weight:600}.lang-switcher{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;gap:5px;padding:5px;display:flex}.lang-switcher span{cursor:pointer;color:var(--text-secondary);border-radius:15px;padding:2px 10px;font-size:.85rem;font-weight:700;transition:all .3s}.lang-switcher span:hover{color:var(--text-primary)}.lang-switcher span.active{background:var(--accent-primary);color:#fff}.glow{background:radial-gradient(circle, var(--accent-secondary) 0%, transparent 60%);opacity:.15;z-index:0;border-radius:50%;width:50vw;height:50vw;animation:8s infinite alternate pulse;position:absolute;top:-20%;right:-10%}.glow-2{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 60%);opacity:.1;z-index:0;border-radius:50%;width:40vw;height:40vw;animation:6s infinite alternate-reverse pulse;position:absolute;bottom:-10%;left:-10%}section{z-index:2;padding:5rem 5%;position:relative}.section-title{text-align:center;margin-bottom:3rem}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden}.feature-card:hover{background:var(--card-hover-bg);border-color:var(--accent-primary);transform:translateY(-10px);box-shadow:0 10px 30px #0000001a}.feature-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3rem;display:inline-block}.showcase-container{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2rem;margin-top:3rem;display:flex}.device{background:var(--device-bg);border:4px solid var(--device-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.device-content{background:linear-gradient(135deg,#ffffff0d,#0000000d);flex-direction:column;gap:5px;width:100%;height:100%;padding:10px;display:flex}.device .mock-line{background:var(--glass-border);border-radius:5px;height:10px;margin-bottom:5px}.device-monitor{z-index:1;border-width:8px;border-radius:12px;width:600px;height:350px;animation:5s ease-in-out infinite float}.device-monitor:after{content:"";background:var(--device-border);z-index:-1;width:80px;height:30px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.device-tablet{z-index:2;border-width:10px;border-radius:20px;width:250px;height:350px;margin-bottom:-20px;animation:4s ease-in-out 1s infinite float}.device-phone{z-index:3;border-width:8px;border-radius:25px;width:150px;height:300px;margin-bottom:-40px;animation:4.5s ease-in-out .5s infinite float}.video-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.video-card{aspect-ratio:16/9;cursor:pointer;background:var(--glass-bg);border-radius:15px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-card .play-btn{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:transform .3s;display:flex}.video-card:hover .play-btn{transform:scale(1.2)}.video-placeholder-text{font-weight:700;position:absolute;bottom:20px;left:20px}.pricing{background:linear-gradient(#0000,#0000001a)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.pricing-card{text-align:center;padding:3rem 2rem;transition:all .4s;position:relative}.pricing-card.popular{border-color:var(--accent-primary);transform:scale(1.05)}.pricing-card.popular:after{content:attr(data-popular);background:var(--accent-primary);color:#fff;border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:700;position:absolute;top:-15px;right:20px}.price{color:var(--accent-primary);margin:1.5rem 0;font-size:3rem;font-weight:800}.pricing-features{text-align:left;margin-bottom:2rem;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:.8rem;display:flex}.pricing-features li:before{content:"✓";color:var(--accent-secondary);font-weight:700}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:10px;margin-bottom:1rem;transition:all .3s;overflow:hidden}.faq-q{justify-content:space-between;align-items:center;padding:1.5rem;font-weight:700;display:flex}.faq-q span{color:var(--accent-primary);font-size:1.5rem;transition:transform .3s}.faq-a{opacity:0;max-height:0;color:var(--text-secondary);padding:0 1.5rem;transition:all .4s;overflow:hidden}.faq-item.active .faq-a{opacity:1;max-height:300px;padding-bottom:1.5rem}.faq-item.active .faq-q span{transform:rotate(45deg)}.register-container{max-width:600px;margin:0 auto;padding:3rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}.form-control{border:1px solid var(--glass-border);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-control:focus{border-color:var(--accent-primary);outline:none}footer{border-top:1px solid var(--glass-border);background:#00000005;margin-top:5rem;padding:4rem 5% 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-col h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem}.footer-col p,.footer-col a{color:var(--text-secondary);margin-bottom:.8rem;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:var(--accent-primary)}.social-icons{gap:15px;margin-top:1rem;display:flex}.social-icons a{background:var(--glass-bg);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icons a:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding-top:2rem}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;display:none}.mobile-menu-btn .bar{background-color:var(--text-primary);transform-origin:1px;border-radius:10px;width:100%;height:3px;transition:all .3s linear;position:relative}.mobile-menu-btn .bar.open:first-child{transform:rotate(45deg)}.mobile-menu-btn .bar.open:nth-child(2){opacity:0}.mobile-menu-btn .bar.open:nth-child(3){transform:rotate(-45deg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=768px){h1{font-size:2.5rem}.hero-flex{text-align:center;flex-direction:column;gap:2rem}.device-monitor{width:100%;height:200px}.device-tablet{display:none}.device-phone{margin-bottom:0}.mobile-menu-btn{display:flex}.nav-links{background:var(--bg-color);border-left:1px solid var(--glass-border);flex-direction:column;align-items:center;width:60%;height:100vh;padding-top:2rem;transition:transform .3s ease-in;display:flex;position:absolute;top:70px;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.nav-links.nav-active{transform:translate(0%)}.nav-links a{margin-bottom:1.5rem}.flyer-img{margin-left:0}}