.navbar{background-color:#001c36d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 12px #00000026;border-bottom:1px solid rgba(0,229,255,.1)}.navbar .navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{display:flex;align-items:center;font-size:1.1rem;font-weight:700;color:#fff;line-height:1.1;text-align:left;padding:0;transition:opacity .3s ease}.navbar .logo:hover{opacity:.9}.navbar .logo .logo-image{width:30px;height:auto;margin-right:10px}.navbar .logo .logo-title{font-weight:700;letter-spacing:2px;text-shadow:0 0 10px rgba(0,229,255,.5)}.navbar .logo .logo-en{font-size:.9em;font-weight:400;color:#a6c8e6;letter-spacing:1px;margin-top:2px}.navbar .nav-links{display:flex;list-style:none;gap:24px}.navbar .nav-links li a{color:#a6c8e6;font-weight:500;transition:color .3s ease}.navbar .nav-links li a:hover{color:#00e5ff}.navbar .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px}.navbar .menu-toggle span{display:block;width:25px;height:2px;background-color:#fff;margin:5px 0;transition:.3s}.navbar .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar .menu-toggle.active span:nth-child(2){opacity:0}.navbar .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.navbar{padding:.6rem 0}.navbar .navbar-container{padding:0 8px}.navbar .logo{font-size:1rem}.navbar .logo .logo-image{width:24px}.navbar .menu-toggle{display:block;padding:4px;margin-right:-4px}.navbar .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:#001c36f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:16px;gap:16px;text-align:center;box-shadow:0 4px 10px #0003;border-bottom:1px solid rgba(0,229,255,.1)}.navbar .nav-links.active{display:flex}.navbar .nav-links li{padding:8px 0}.navbar .nav-links li a{display:block;padding:8px 0;font-size:1.1rem}}.home{padding-top:60px;min-height:100vh}.home section{background:none;padding:0}.home .banner{width:100%;overflow:hidden;position:relative;max-height:40vh;display:flex;align-items:center;justify-content:center}.home .banner .banner-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.home .hero{background:linear-gradient(135deg,#003865,#001c36);padding:64px 0;text-align:center}.home .hero h1{font-size:2.5rem}.home .hero p{max-width:800px;margin:0 auto}.home .features{background-color:#002b4eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:32px;padding:64px 0;border-radius:10px;box-shadow:0 4px 20px #0003}.home .features h2{text-align:center;margin-bottom:64px}.home .features .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home .features .feature-card{background:linear-gradient(145deg,#00416eb3,#002b4ab3);padding:24px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.home .features .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.home .features .feature-card h3{color:#00e5ff}.home .products-preview{padding:64px 0}.home .products-preview h2{text-align:center;margin-bottom:64px}.home .products-preview .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 992px){.home .banner{max-height:35vh}.home .hero h1{font-size:2rem}.home .feature-grid,.home .product-grid{grid-template-columns:repeat(2,1fr)}.home .features{margin:32px 16px}}@media (max-width: 768px){.home{padding-top:60px}.home .banner{max-height:30vh}.home .banner .banner-image{height:100%;object-position:center}.home .hero{padding:32px 0}.home .hero h1{font-size:1.75rem}.home .hero p{font-size:1rem;padding:0 16px}.home .features{margin:24px 8px;padding:32px 8px}.home .features h2{font-size:1.5rem;margin-bottom:32px}.home .features .feature-grid{grid-template-columns:1fr;gap:24px}.home .features .feature-card{padding:16px}.home .products-preview{padding:32px 8px}.home .products-preview .product-grid{grid-template-columns:1fr;gap:24px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#001c36,#002b4e);background-attachment:fixed;color:#fff;line-height:1.6;min-height:100vh}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;display:block;padding-left:16px;padding-right:16px}h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:16px;color:#a6c8e6}a{color:#00e5ff;text-decoration:none;transition:color .3s ease}a:hover{color:#33eaff}.section{padding:32px 0}.btn{display:inline-block;padding:8px 24px;background-color:#00e5ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#33eaff}@media (max-width: 992px){.container{padding-left:16px;padding-right:16px}h1{font-size:2.2rem}h2{font-size:1.8rem}}@media (max-width: 768px){.container{padding-left:8px;padding-right:8px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.section{padding:24px 0}.btn{padding:4px 16px;font-size:.9rem}}