:root{--bg-color:#0b0c10;--bg-secondary:#1f2833;--text-main:#c5c6c7;--text-light:#fff;--primary-color:#76b900;--primary-hover:#5d9300;--border-color:#76b90033;--glass-bg:#1f283399;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}.highlight{color:var(--primary-color);font-weight:700}.highlight-text{background:linear-gradient(90deg, var(--text-light) 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{cursor:pointer;border:2px solid #0000;border-radius:30px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#000;box-shadow:0 4px 15px #76b9004d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #76b90080}.btn-outline{border-color:var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background-color:#76b9001a;transform:translateY(-2px)}.btn-lg{padding:14px 32px;font-size:1.1rem}.navbar{-webkit-backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);background:#0b0c10cc;width:100%;transition:all .3s;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;height:70px;display:flex}.logo-text{font-family:var(--font-heading);color:var(--text-light);letter-spacing:1px;font-size:1.5rem;font-weight:800}.nav-links{gap:30px;display:flex}.nav-links a{font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--text-light)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.mobile-menu-btn span{background-color:var(--text-light);border-radius:2px;width:25px;height:3px;transition:all .3s}.hero{align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background:radial-gradient(circle at 80% 20%,#76b90026 0%,#0000 40%),radial-gradient(circle at 20% 80%,#76b9001a 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:left;max-width:800px;position:relative}.hero-badge{border:1px solid var(--primary-color);color:var(--primary-color);background:#76b9001a;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-icon{width:16px;height:16px}.hero-title{font-family:var(--font-heading);color:var(--text-light);margin-bottom:20px;font-size:4rem;line-height:1.1}.hero-desc{max-width:600px;margin-bottom:40px;font-size:1.2rem}.hero-actions{gap:20px;display:flex}section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-heading);color:var(--text-light);margin-bottom:10px;font-size:2.5rem}.section-header p{font-size:1.1rem}.partnership-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.partnership-card{background:var(--glass-bg);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:40px 30px;transition:transform .3s,box-shadow .3s}.partnership-card:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 10px 30px #00000080,0 0 20px #76b90033}.icon-wrapper{width:64px;height:64px;color:var(--primary-color);background:#76b9001a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.icon-wrapper svg{width:32px;height:32px}.partnership-card h3{color:var(--text-light);font-family:var(--font-heading);margin-bottom:15px;font-size:1.3rem}.products{background:linear-gradient(180deg, var(--bg-color) 0%, #151a21 100%)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.product-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.product-card:before{content:"";background:0 0;width:100%;height:4px;transition:all .3s;position:absolute;top:0;left:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006}.product-card:hover:before{background:var(--primary-color)}.product-img{background:#111;justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.product-img svg{color:#76b90066;width:80px;height:80px}.product-badge{background:var(--primary-color);color:#000;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.product-content{padding:20px}.product-category{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.8rem;font-weight:600}.product-content h3{color:var(--text-light);font-family:var(--font-heading);margin-bottom:10px;font-size:1.1rem}.product-content p{color:#999;margin-bottom:15px;font-size:.9rem}.product-btn{text-align:center;border:1px solid var(--border-color);color:var(--text-light);border-radius:6px;padding:8px 0;font-size:.9rem;transition:all .3s;display:block}.product-card:hover .product-btn{background:var(--primary-color);color:#000;border-color:var(--primary-color)}.features-content{align-items:center;gap:60px;display:flex}.features-text{flex:1}.features-text h2{font-family:var(--font-heading);color:var(--text-light);margin-bottom:40px;font-size:2.5rem}.feature-list li{gap:20px;margin-bottom:30px;display:flex}.check-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0;margin-top:5px}.feature-list h4{color:var(--text-light);font-family:var(--font-heading);margin-bottom:5px;font-size:1.2rem}.features-image{flex:1;justify-content:center;display:flex}.glow-box{background:var(--bg-secondary);border:1px solid #76b90033;border-radius:20px;justify-content:center;align-items:center;width:300px;height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #76b9001a}.glow-box:before{content:"";background:conic-gradient(#0000,#76b9004d,#0000 30%);width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.server-rack-animation{z-index:2;background:#111;border-radius:16px;flex-direction:column;gap:10px;width:280px;height:380px;padding:20px;display:flex;position:relative}.server-unit{background:#222;border-radius:4px;width:100%;height:40px;position:relative}.server-unit.active:after{content:"";background:var(--primary-color);width:8px;height:8px;box-shadow:0 0 10px var(--primary-color);border-radius:50%;animation:1.5s infinite blink;position:absolute;top:15px;right:15px}.server-unit:nth-child(3).active:after{animation-delay:.5s}.server-unit:nth-child(5).active:after{animation-delay:1s}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.footer{background:#050608;border-top:1px solid #ffffff0d;padding:60px 0 20px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-info h3{font-family:var(--font-heading);color:var(--text-light);margin-bottom:15px;font-size:1.5rem}.footer-info p{color:#888;max-width:300px}.footer-links h4,.footer-contact h4{color:var(--text-light);font-family:var(--font-heading);margin-bottom:20px}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:#888}.footer-links ul li a:hover{color:var(--primary-color)}.footer-contact p{color:#888;margin-bottom:10px}.footer-bottom{text-align:center;color:#666;border-top:1px solid #ffffff0d;padding-top:20px;font-size:.9rem}@media (width<=900px){.features-content{flex-direction:column}.footer-content{grid-template-columns:1fr 1fr}}@media (width<=768px){.hero-title{font-size:2.5rem}.nav-links{display:none}.mobile-menu-btn{display:flex}.navbar .btn{display:none}.footer-content{grid-template-columns:1fr}}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}
