:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;place-items:start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-dark: #0a192f;--primary-medium: #112240;--primary-light: #172a45;--accent: #64ffda;--accent-light: #88ffdf;--text-light: #ccd6f6;--text-lighter: #e6f1ff;--text-gray: #8892b0}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}body{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-medium) 100%);color:var(--text-light);line-height:1.6;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;z-index:1000;background:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:var(--text-lighter)}.logo-icon{margin-right:12px;color:var(--accent)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:2.5rem}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;position:relative;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.cta-button{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.8rem 1.8rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:#64ffda1a;transform:translateY(-2px);box-shadow:0 5px 15px #64ffda33}.hero{min-height:100vh;display:flex;align-items:center;padding:0 10%;position:relative;overflow:hidden;background:#0a192f}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(100,255,218,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(86,207,225,.1) 0%,transparent 40%);z-index:-1}.hero-content{max-width:650px;z-index:2}.hero-subtitle{color:var(--accent);font-size:1.2rem;margin-bottom:1rem;font-weight:500}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-lighter);font-weight:700}.hero-description{font-size:1.2rem;color:var(--text-gray);margin-bottom:2.5rem;max-width:600px}.hero-buttons{display:flex;gap:1.5rem}.primary-button{background:var(--accent);color:var(--primary-dark);border:none;padding:1rem 2rem;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #64ffda66}.hero-image{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:45%;max-width:600px;height:auto;border-radius:8px;box-shadow:0 20px 50px #0000004d;background:linear-gradient(45deg,var(--primary-light),#1a3a6a);display:flex;align-items:center;justify-content:center;overflow:hidden}.data-visualization{width:100%;height:100%;position:relative;padding:2rem}.graph{position:absolute;background:#ffffff0d;border-radius:4px}.graph-1{width:80%;height:40px;top:20%;left:10%;animation:pulse 3s infinite alternate}.graph-2{width:60%;height:40px;top:35%;right:10%;animation:pulse 3s infinite alternate-reverse}.graph-3{width:70%;height:40px;bottom:30%;left:15%;animation:pulse 3.5s infinite alternate}.graph-4{width:50%;height:40px;bottom:15%;right:20%;animation:pulse 3.5s infinite alternate-reverse}.nodes{position:absolute;width:100%;height:100%}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #64ffdab3}.node:nth-child(1){top:25%;left:20%}.node:nth-child(2){top:40%;left:50%}.node:nth-child(3){top:60%;left:30%}.node:nth-child(4){top:35%;left:75%}.node:nth-child(5){top:65%;left:65%}.services{padding:8rem 10%;background:var(--primary-medium)}.section-header{text-align:center;margin-bottom:5rem}.section-subtitle{color:var(--accent);font-size:1.2rem;margin-bottom:1rem}.section-title{font-size:2.5rem;color:var(--text-lighter);margin-bottom:1.5rem}.section-description{color:var(--text-gray);max-width:700px;margin:0 auto;font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.service-card{background:#172a4580;border-radius:8px;padding:2.5rem;transition:all .3s ease;border:1px solid rgba(100,255,218,.1)}.service-card:hover{transform:translateY(-10px);border-color:#64ffda4d;box-shadow:0 10px 30px #0003}.service-icon{font-size:2.5rem;color:var(--accent);margin-bottom:1.5rem}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-lighter)}.service-description{color:var(--text-gray);margin-bottom:1.5rem}.learn-more{color:var(--accent);text-decoration:none;font-weight:500;display:inline-flex;align-items:center}.learn-more i{margin-left:8px;transition:transform .3s ease}.learn-more:hover i{transform:translate(5px)}.clients{padding:8rem 10%;background:var(--primary-dark)}.client-logos{display:flex;justify-content:space-around;flex-wrap:wrap;gap:3rem;margin-top:4rem}.client-logo{color:var(--text-gray);font-size:2rem;font-weight:700;opacity:.7;transition:all .3s ease}.client-logo:hover{color:var(--accent-light);opacity:1;transform:scale(1.1)}.contact{padding:8rem 10%;background:linear-gradient(to bottom,var(--primary-medium) 0%,var(--primary-dark) 100%);text-align:center}.contact-form{max-width:600px;margin:3rem auto 0}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:1rem;background:#172a4580;border:1px solid rgba(100,255,218,.1);border-radius:4px;color:var(--text-light);font-size:1rem}.form-control:focus{outline:none;border-color:var(--accent)}textarea.form-control{min-height:150px;resize:vertical}.footer{padding:4rem 10% 2rem;background:var(--primary-dark);border-top:1px solid rgba(100,255,218,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-logo{font-size:1.8rem;font-weight:700;color:var(--text-lighter);margin-bottom:1.5rem;display:inline-block}.footer-description{color:var(--text-gray);margin-bottom:1.5rem}.social-links{display:flex;gap:1.5rem}.social-link{width:40px;height:40px;border-radius:50%;background:#172a4580;display:flex;align-items:center;justify-content:center;color:var(--text-light);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--accent);color:var(--primary-dark);transform:translateY(-5px)}.footer-heading{font-size:1.2rem;color:var(--text-lighter);margin-bottom:1.5rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-gray);text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(136,146,176,.1);color:var(--text-gray);font-size:.9rem}@keyframes pulse{0%{background:#64ffda1a}to{background:#64ffda4d}}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding-top:7rem}.hero-content{margin-bottom:3rem}.hero-buttons{justify-content:center}.hero-image{position:relative;width:90%;right:auto;top:auto;transform:none;margin:0 auto}}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;gap:1rem}}#root{width:100%;margin:0 auto;padding:0;text-align:left;vertical-align:top}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.full-size{width:100vw;height:100vh}.full-height{height:100vh}.full-width{width:100vw}.backdrop{background:#0000004d;position:fixed;top:0;left:0;width:100%;height:100%}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,html{height:100%;width:100%}.container{display:flex;height:100vh;width:100vw}.left-panel{flex:1;background:linear-gradient(120deg,#3498db,#8e44ad);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:20px;text-align:center}.brand{margin-bottom:30px}.brand h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.brand p{font-size:1.2rem;opacity:.9}.right-panel{flex:1;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}.login-form{width:100%;max-width:400px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a}.login-form h2{text-align:center;margin-bottom:30px;color:#333;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border .3s}.form-group input:focus{border-color:#3498db;outline:none}.btn-login{width:100%;padding:12px;background:linear-gradient(120deg,#3498db,#8e44ad);border:none;border-radius:5px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.btn-login:hover{opacity:.9}.links{display:flex;justify-content:space-between;margin-top:20px}.links a{color:#3498db;text-decoration:none;font-size:14px}.links a:hover{text-decoration:underline}@media (max-width: 768px){.container{flex-direction:column}.left-panel{padding:40px 20px}.brand h1{font-size:2rem}.login-form{padding:30px 20px;margin:20px}}