:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#aaaaaa;--accent-primary:#5A9FE2;--accent-secondary:#60E3D2;--accent-tertiary:#F5B633;--accent-quaternary:#CD20F0;--card-bg:#2d2d2d;--navbar-bg:rgba(29, 29, 29, 0.95);--navbar-scrolled-bg:rgba(25, 25, 25, 0.98);--shadow-color:rgba(0, 0, 0, 0.3);--input-bg:#2d2d2d;--input-border:#444444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'PingFang SC','Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{text-decoration:none}.app-container{width:100%;overflow:hidden}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:var(--navbar-bg);box-shadow:0 2px 10px var(--shadow-color);z-index:1000;transition:all .3s ease;transform:translateY(-100px);opacity:0;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-scrolled{padding:1rem 5%;background-color:var(--navbar-scrolled-bg);box-shadow:0 5px 15px var(--shadow-color)}.logo{display:flex;align-items:center;color:var(--accent-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.5px}.logo img{height:40px;margin-right:10px}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--accent-primary)}.cta-button{background-color:var(--accent-primary);color:#fff!important;padding:.6rem 1.2rem;border-radius:30px;transition:all .3s ease}.cta-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.hero-section{height:100vh;display:flex;align-items:center;padding:0 5%;margin-top:2rem;position:relative}.hero-content{width:50%;padding-right:2rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;opacity:0;transform:translateY(30px)}.highlight{color:var(--accent-primary);position:relative}.highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:8px;background-color:rgba(74,144,226,.2);z-index:-1}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;max-width:90%;opacity:0;transform:translateY(30px)}.hero-cta{display:flex;gap:1rem;opacity:0;transform:translateY(30px)}.primary-button{background-color:var(--accent-primary);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.secondary-button{background-color:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);padding:.8rem 1.8rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background-color:rgba(74,144,226,.1);transform:translateY(-2px)}.hero-visual{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.animation-section{padding:6rem 5%;background-color:var(--bg-primary);position:relative;overflow:hidden;border-radius:0;margin:4rem 0;box-shadow:none;border:none;background:var(--bg-primary)}.animation-section::before{display:none}.section-title-container{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;opacity:1;transform:translateY(0)}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;opacity:1;transform:translateY(0)}.animation-container{position:relative;max-width:80%;height:600px;background-color:var(--card-bg);border-radius:15px;box-shadow:0 10px 30px var(--shadow-color);overflow:hidden;margin:0 auto;border:1px solid rgba(255,255,255,.1);transform:translateY(0);opacity:1;transition:all .5s ease}#main-svg{width:100%;height:100%}.animation-scene{opacity:0;transition:opacity .5s ease,filter .5s ease;filter:drop-shadow(0 5px 15px rgba(0, 0, 0, .2))}#scene-1{opacity:1}.animation-scene image{transform-origin:center}.animation-scene rect{transition:stroke .3s ease,stroke-width .3s ease}.animation-overlay{position:absolute;bottom:0;left:0;width:100%;height:auto;display:flex;justify-content:center;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.scene-caption{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:0;transform:translateY(20px);transition:all .5s ease;margin:0 1.5rem;padding:.5rem 1.5rem;border-radius:30px;background-color:rgba(0,0,0,.2)}#scene-1-caption{opacity:1;transform:translateY(0);background-color:rgba(90,159,226,.3)}#scene-2-caption{background-color:rgba(96,227,210,.3)}#scene-3-caption{background-color:rgba(245,166,35,.3)}#scene-4-caption{background-color:rgba(189,16,224,.3)}.features-section{padding:6rem 5%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{background-color:var(--card-bg);border-radius:15px;padding:2rem;box-shadow:0 5px 15px var(--shadow-color);transition:all .3s ease;opacity:0;transform:translateY(30px)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px var(--shadow-color)}.feature-icon{width:60px;height:60px;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.download-section{padding:8rem 5%;background-color:var(--bg-primary);position:relative;border-radius:0;margin:4rem 0;box-shadow:none;border:none;background:var(--bg-primary)}.download-section::before{display:none}.download-container{display:flex;justify-content:space-between;gap:2.5rem;margin-bottom:4rem;margin-top:3rem}.single-card{justify-content:center;max-width:800px;margin-left:auto;margin-right:auto}.download-card{flex:1;background-color:var(--card-bg);border-radius:15px;padding:2.5rem;box-shadow:0 8px 20px var(--shadow-color);text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;opacity:1;max-width:500px;transform:translateY(0)}.desktop-only{background:linear-gradient(145deg,var(--card-bg),#303240);border:1px solid rgba(90,159,226,.2);position:relative;overflow:hidden}.desktop-only::after{content:'';position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,rgba(90,159,226,.15),transparent 70%);border-radius:0 15px 0 0;pointer-events:none}.download-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px var(--shadow-color);border-color:rgba(90,159,226,.3)}.download-icon{width:70px;height:70px;margin:0 auto 1.5rem}.download-card h3{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.download-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.download-options{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:auto;margin-bottom:2rem}.download-button{display:inline-block;padding:.8rem 2.5rem;border-radius:30px;font-weight:600;text-decoration:none;color:#fff;background-color:var(--accent-primary);border:none;transition:all .3s ease;font-size:1.1rem;box-shadow:0 4px 10px rgba(90,159,226,.3)}.download-button:hover{background-color:#4080c8;transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.3)}.download-info{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;background-color:var(--card-bg);border-radius:10px;padding:1.5rem;max-width:800px;margin:0 auto;border:0;opacity:1;box-shadow:0 8px 15px var(--shadow-color);transform:translateY(0)}.additional-info,.requirements,.version-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card-info{justify-content:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.info-label,.requirements-label,.version-label{font-weight:600;color:var(--text-primary)}.version-number{color:var(--accent-primary);font-weight:600}.info-text,.requirements-text,.version-date{color:var(--text-secondary)}.faq-section{padding:6rem 5%;background-color:var(--bg-primary);position:relative}.faq-container{max-width:800px;margin:0 auto}.faq-item{background-color:var(--card-bg);border-radius:10px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 10px var(--shadow-color);opacity:0;transform:translateY(20px)}.faq-question{padding:1.5rem;background-color:var(--bg-secondary);font-weight:600;font-size:1.1rem;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center;border-radius:8px;transition:all .3s ease}.faq-question::after{content:'+';font-size:1.5rem;transition:transform .3s ease}.faq-item.active .faq-question{background-color:var(--accent-primary);color:#fff}.faq-item.active .faq-answer{max-height:500px;opacity:1;transform:translateY(0);margin-bottom:1rem}.faq-answer{padding:1rem 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease;color:var(--text-secondary);background-color:var(--bg-secondary);margin-top:.5rem;border-radius:8px;transform:translateY(-10px);opacity:0}.contact-section{padding:6rem 5%}.contact-container{display:flex;gap:3rem;margin-top:3rem}.contact-form{flex:1;background-color:var(--card-bg);padding:2rem;border-radius:15px;box-shadow:0 5px 15px var(--shadow-color);opacity:0;transform:translateX(-30px)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500}input,textarea{width:100%;padding:.8rem;border:1px solid var(--input-border);border-radius:5px;font-family:inherit;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .3s ease}input:focus,textarea:focus{outline:0;border-color:var(--accent-primary)}textarea{min-height:150px;resize:vertical}.contact-info{flex:1;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(30px)}.info-item{display:flex;align-items:flex-start;margin-bottom:2rem}.info-icon{font-size:1.5rem;margin-right:1rem;color:var(--accent-primary)}.info-text{font-size:1.1rem}.footer{background-color:#1a1a1a;color:#fff;padding:4rem 5% 2rem}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;color:var(--accent-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.footer-logo img{height:40px;margin-right:10px}.footer-logo p{color:#95a5a6}.footer-links{display:flex;gap:2rem;justify-content:center;width:100%}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-social{display:flex;gap:1rem}.social-icon{color:#ddd;text-decoration:none;transition:color .3s ease}.social-icon:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#aaa}@media (max-width:992px){.hero-section{flex-direction:column;height:auto;padding-top:100px;padding-bottom:50px}.hero-content,.hero-visual{width:100%;padding:0}.hero-content{margin-bottom:50px}.contact-container{flex-direction:column}.download-container{flex-direction:column;gap:1.5rem}.download-card{max-width:100%}}@media (max-width:768px){.navbar{padding:1rem 5%}.nav-links{gap:1rem}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-links,.footer-social{justify-content:center}.download-info{flex-direction:column;gap:1rem;text-align:center}.requirements,.version-info{justify-content:center}}.fade-in{opacity:1!important;transform:translateY(0)!important;transition:opacity .8s ease,transform .8s ease}.slide-in-left{opacity:1!important;transform:translateX(0)!important;transition:opacity .8s ease,transform .8s ease}.slide-in-right{opacity:1!important;transform:translateX(0)!important;transition:opacity .8s ease,transform .8s ease}.path-animation{stroke-dasharray:1000;stroke-dashoffset:1000}.path-animated{stroke-dashoffset:0;transition:stroke-dashoffset 2s ease}.node-animation{transform-origin:center;transform:scale(0)}.node-animated{transform:scale(1);transition:transform .5s ease}.interface-animation{opacity:0;transform:translateY(20px)}.interface-animated{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.faq-item.active .faq-question::after{content:'-';transform:rotate(0)}