:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#00c6ff;text-decoration:inherit}a:hover{color:#0072ff}body{margin:0;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:#00c6ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#0a0a0a}a:hover{color:#0072ff}button{background-color:#1a1a1a}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0a0a0a;color:#fff;overflow-x:hidden}.App{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid #222}.header .container{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo h2{background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.8rem;font-weight:700}.nav ul{display:flex;list-style:none}.nav ul li{margin-left:30px}.nav ul li a{color:#ccc;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav ul li a:hover{color:#00c6ff}.nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:linear-gradient(90deg,#00c6ff,#0072ff);transition:width .3s ease}.nav ul li a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:#00c6ff;margin:3px 0;transition:.3s}.hero{padding:150px 0 100px;text-align:center;background:radial-gradient(circle at top right,rgba(0,114,255,.1) 0%,transparent 30%),radial-gradient(circle at bottom left,rgba(0,198,255,.1) 0%,transparent 30%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(90deg,#00c6ff,#0072ff);opacity:.1;top:-150px;right:-150px;filter:blur(100px)}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(90deg,#0072ff,#00c6ff);opacity:.1;bottom:-150px;left:-150px;filter:blur(100px)}.hero-content h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.hero-content p{font-size:1.2rem;color:#ccc;max-width:700px;margin:0 auto 40px;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:20px}.btn{padding:15px 30px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn.primary{background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 5px 15px #0072ff66}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0072ff99}.btn.secondary{background:transparent;color:#00c6ff;border:2px solid #00c6ff}.btn.secondary:hover{background:#00c6ff1a;transform:translateY(-3px)}.features,.advantages,.use-cases{padding:100px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;position:relative}.section-title:after{content:"";position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#00c6ff,#0072ff);bottom:-15px;left:50%;transform:translate(-50%);border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#1e1e1e99;border-radius:15px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00c6ff1a;border:1px solid rgba(0,198,255,.3)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#00c6ff}.feature-card p{color:#aaa;line-height:1.6}.advantages-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.advantage-item{text-align:center;padding:30px;background:#1e1e1e99;border-radius:15px;transition:transform .3s ease;border:1px solid rgba(255,255,255,.05)}.advantage-item:hover{transform:scale(1.05)}.advantage-item h3{font-size:1.5rem;margin-bottom:15px;color:#0072ff}.advantage-item p{color:#aaa;line-height:1.6}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.use-case-card{background:#1e1e1e99;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.use-case-card:hover{background:#0072ff1a;border:1px solid rgba(0,114,255,.3)}.use-case-card h3{font-size:1.5rem;margin-bottom:15px;color:#00c6ff}.use-case-card p{color:#aaa;line-height:1.6}.footer{background:#0a0a0a;padding:30px 0;text-align:center;border-top:1px solid #222}.footer p{color:#777}@media screen and (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#0a0a0a;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0}.nav-menu.active{left:0}.nav ul li{margin:15px 0}.hamburger{display:flex}.hero-content h1{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.features,.advantages,.use-cases{padding:70px 0}.section-title{font-size:2rem}}@media screen and (max-width: 480px){.hero{padding:130px 0 70px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.btn{width:100%;max-width:300px}}