*{box-sizing:border-box;margin:0;padding:0}:root{--background:#0a0a0a;--background-secondary:#1a1a1a;--background-elevated:#252525;--primary:#60a5fa;--secondary:#3b82f6;--accent:#10b981;--accent-neon:#34d399;--text:#e5e7eb;--text-light:#9ca3af;--text-muted:#6b7280;--white:#fff;--border:#2d2d2d;--border-light:#404040;--font-sans:"Inter","Poppins",sans-serif}html{scroll-behavior:smooth}body,html{background-color:var(--background)}body{color:var(--text);font-family:var(--font-sans);line-height:1.6}#q-app,.q-layout,.q-page{background-color:var(--background)!important}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}p{color:var(--text-light);margin-bottom:1rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.landing-page{background-color:var(--background);min-height:100vh}.landing-section{padding:4rem 0;position:relative}.landing-section.hero-section{align-items:center;background:linear-gradient(135deg,#0a0a0a,#161620 40%,#1a1a2e);color:var(--white);display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;overflow:hidden;padding-bottom:0;position:relative}.landing-section.hero-section:before{animation:pulse 10s ease-in-out infinite;background:radial-gradient(circle at 30% 40%,#60a5fa1f 0,#0000 50%),radial-gradient(circle at 70% 60%,#34d3991f 0,#0000 50%),radial-gradient(circle at 50% 50%,#cccccc0d 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dashboard-video-section{margin:4rem auto 0;max-width:1200px;padding:0 1rem;position:relative;width:100%;z-index:1}.dashboard-video-section .video-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 10px #0000004d}.dashboard-video-section video{border-radius:16px;box-shadow:0 20px 60px #00000080;height:auto;width:100%}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hero-content h1{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1.5rem;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 0 30px #60a5fa4d}.hero-content p{color:var(--text-light);font-size:1.25rem;margin-bottom:2rem}.hero-content .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-neon) 100%);border:none;box-shadow:0 0 20px #10b9814d;color:var(--background)}.btn.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn.btn-primary:hover{box-shadow:0 0 30px #10b98199,0 4px 20px #10b98166;transform:translateY(-2px)}.btn.btn-primary:hover:before{left:100%}.btn.btn-secondary{background-color:initial;border:2px solid var(--primary);box-shadow:0 0 10px #60a5fa33;color:var(--primary)}.btn.btn-secondary:hover{background-color:#60a5fa1a;border-color:var(--accent-neon);box-shadow:0 0 20px #60a5fa66;color:var(--accent-neon);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.features-section{background:var(--background-secondary);padding:4rem 0}.section-header{margin-bottom:3rem;text-align:center}.section-header .section-title{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;font-size:3rem;font-weight:800;-webkit-text-fill-color:#0000;background-clip:text;margin-bottom:1rem}.features-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a80;border:1px solid #60a5fa1a;border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#60a5fa4d;box-shadow:0 10px 40px #60a5fa33;transform:translateY(-10px)}.feature-card:hover .feature-icon{color:var(--accent-neon);transform:scale(1.1)}.feature-card .feature-icon{color:var(--primary);margin-bottom:1.5rem;transition:all .3s ease}.feature-card .feature-title{color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card .feature-desc{color:var(--text-light);line-height:1.6}.tech-section{background:var(--background);padding:4rem 0}.section-description{color:var(--text-light);font-size:1.125rem;margin:0 auto 3rem;max-width:600px;text-align:center}.tech-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.tech-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a80;border:1px solid #60a5fa1a;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.tech-card:hover{border-color:#60a5fa4d;box-shadow:0 10px 30px #60a5fa33;transform:translateY(-5px)}.tech-card:hover .tech-icon-wrapper{color:var(--accent-neon);transform:scale(1.1) rotate(5deg)}.tech-card .tech-icon-wrapper{color:var(--primary);margin-bottom:1rem;transition:all .3s ease}.tech-card .tech-name{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.tech-card .tech-bar{background:#60a5fa1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.tech-card .tech-bar .tech-progress{background:linear-gradient(90deg,var(--primary) 0,var(--accent-neon) 100%);border-radius:4px;height:100%;transition:width 1.5s ease}.benefits-section{background:var(--background);padding:4rem 0 6rem}.benefits-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a80;border:1px solid #60a5fa1a;border-radius:16px;overflow:hidden;padding:3rem 2rem;position:relative;transition:all .3s ease}.benefit-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--accent-neon) 100%);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.benefit-card:focus,.benefit-card:focus-within,.benefit-card:hover{border-color:#60a5fa4d;box-shadow:0 15px 40px #60a5fa4d;outline:none;transform:translateY(-10px)}.benefit-card:focus-within:before,.benefit-card:focus:before,.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:focus .benefit-icon,.benefit-card:focus .benefit-number,.benefit-card:focus-within .benefit-icon,.benefit-card:focus-within .benefit-number,.benefit-card:hover .benefit-icon,.benefit-card:hover .benefit-number{color:var(--accent-neon)}.benefit-card .benefit-number{color:#60a5fa1a;font-size:3rem;font-weight:800;position:absolute;right:1.5rem;top:1.5rem;transition:color .3s ease}.benefit-card .benefit-icon{color:var(--primary);margin-bottom:1.5rem;transition:all .3s ease}.benefit-card .benefit-title{color:var(--text);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.benefit-card .benefit-desc{color:var(--text-light);line-height:1.6}.contact-section{background:var(--background);padding:4rem 0}.contact-content-center{margin:0 auto;max-width:600px;text-align:center}.contact-content-center .collaboration-text{color:var(--text-light);font-size:.875rem;margin-top:1.5rem;opacity:.8}.btn-telegram{align-items:center;background:#08c;border:none;border-radius:12px;box-shadow:0 4px 20px #08c6;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-telegram:hover{background:#069;box-shadow:0 8px 30px #08c9;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 .5rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.cta-buttons{flex-direction:column}.btn{width:100%}.section-header .section-title{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.btn-telegram{font-size:1rem;padding:1rem 2rem;width:auto}.footer-content{flex-direction:column;text-align:center}.footer-links{margin-top:2rem}.footer-column{margin-bottom:2rem}.tech-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.benefit-card{padding:2rem 1.5rem}.benefit-card .benefit-number{font-size:2rem;right:1rem;top:1rem}}.footer-section{background:#0a0a0af2;border-top:1px solid #60a5fa1a;padding:0}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem}.footer-brand{flex:1;min-width:250px}.footer-brand .footer-logo{height:60px;margin-bottom:1rem;object-fit:contain;width:auto}.footer-brand .brand-name{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;font-size:2rem;font-weight:800;-webkit-text-fill-color:#0000;background-clip:text;margin-bottom:1rem}.footer-brand .brand-desc{color:var(--text-light)}.footer-links{display:flex;flex-wrap:wrap;gap:4rem}.footer-column h4{color:var(--text);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:.75rem}.footer-column ul li a{color:var(--text-light);text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:var(--primary)}.footer-bottom{border-top:none;padding-top:1rem;text-align:center}.footer-bottom p{color:var(--text-light);font-size:.875rem}#q-app,body,html{background-color:#0a0a0a!important}