@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#03060c;--panel:#080d16;--text:#eef4ff;--muted:#8995a9;--cyan:#00ff9d;--purple:#765cff;--green:#00ff9d;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box;scroll-behavior:smooth}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grid{position:fixed;inset:0;z-index:-2;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(0,255,157,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,157,.07) 1px,transparent 1px);background-size:55px 55px}.grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(118,92,255,.18),transparent 28%),radial-gradient(circle at 20% 70%,rgba(0,255,157,.08),transparent 25%)}
header{height:78px;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:rgba(3,7,14,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,255,157,.12)}.logo{color:#fff;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.7px}.logo span{color:var(--cyan);text-shadow:0 0 10px var(--cyan),0 0 25px rgba(0,255,157,.45)}nav{display:flex;gap:30px}nav a{color:#9ca7ba;text-decoration:none;font-size:13px;font-weight:600;transition:.25s}nav a:hover{color:#fff}nav a:after{content:"";display:block;width:0;height:2px;margin-top:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:.25s}nav a:hover:after{width:100%}.menu{display:none;border:0;background:none;color:#fff;font-size:26px;cursor:pointer}
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:140px 8vw 80px;background:radial-gradient(circle at 78% 50%,rgba(0,255,157,.07),transparent 28%)}.light{position:absolute;width:600px;height:600px;border-radius:50%;pointer-events:none;filter:blur(30px)}.light.one{top:-280px;right:-180px;background:radial-gradient(circle,rgba(0,255,157,.14),transparent 70%);animation:lightMove 8s ease-in-out infinite alternate}.light.two{bottom:-320px;left:-220px;background:radial-gradient(circle,rgba(118,92,255,.12),transparent 70%);animation:lightMove2 10s ease-in-out infinite alternate}@keyframes lightMove{from{transform:translate(0,0)}to{transform:translate(-80px,60px)}}@keyframes lightMove2{from{transform:translate(0,0)}to{transform:translate(100px,-50px)}}.hero-content{position:relative;z-index:10;width:56%;max-width:720px}.small-title,.label{font:11px 'Space Mono',monospace;letter-spacing:2.5px;color:var(--cyan)}.small-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.small-title:before{content:"";width:35px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-5px;margin:0 0 28px}h1 span,h2 span{color:var(--cyan);text-shadow:0 0 20px rgba(0,255,157,.18)}.description{max-width:590px;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:35px}.buttons{display:flex;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 19px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700;transition:.3s}.btn-primary{color:#031015;background:var(--cyan);box-shadow:0 0 30px rgba(0,255,157,.18)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 0 20px var(--cyan),0 0 45px rgba(0,255,157,.35)}.btn-secondary{color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.03)}.btn-secondary:hover{color:var(--cyan);border-color:rgba(0,255,157,.5)}
.network-3d{position:absolute;width:min(650px,58vw);height:min(650px,58vw);right:1%;top:50%;transform:translateY(-50%);z-index:4;pointer-events:none;transition:transform .25s ease-out}#networkCanvas{position:absolute;inset:0;width:100%;height:100%}.server-core{position:absolute;left:50%;top:50%;width:180px;height:230px;transform:translate(-50%,-50%) perspective(900px) rotateX(12deg) rotateY(-20deg);transform-style:preserve-3d}.server{position:relative;width:150px;height:205px;margin:auto;transform-style:preserve-3d;animation:serverFloat 4s ease-in-out infinite}.server-face{position:absolute;width:150px;height:205px;background:linear-gradient(145deg,#132238,#050b14);border:1px solid rgba(0,255,157,.65);box-shadow:inset 0 0 30px rgba(0,255,157,.08),0 0 25px rgba(0,255,157,.18);transform:translateZ(25px)}.server-top{position:absolute;width:150px;height:50px;background:linear-gradient(145deg,#17263c,#07101d);border:1px solid rgba(0,255,157,.35);transform:rotateX(90deg) translateZ(25px) translateY(-25px);transform-origin:top}.server-side{position:absolute;width:50px;height:205px;right:-50px;top:0;background:linear-gradient(180deg,#0c1728,#03070d);border-right:1px solid rgba(0,255,157,.25);transform:rotateY(90deg) translateZ(25px);transform-origin:left}.server-logo{text-align:center;margin-top:35px;font:bold 21px 'Space Mono',monospace;color:var(--cyan);text-shadow:0 0 8px var(--cyan),0 0 20px var(--cyan)}.server-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;font:7px 'Space Mono',monospace;letter-spacing:1px;color:#7d8ca1}.server-status span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green),0 0 15px var(--green);animation:statusPulse 1.5s infinite}.server-slots{margin:30px 20px 0}.server-slots i{display:block;height:12px;margin-bottom:8px;border:1px solid rgba(0,255,157,.18);background:linear-gradient(90deg,rgba(0,255,157,.04),rgba(0,255,157,.18),rgba(0,255,157,.04));position:relative;overflow:hidden}.server-slots i:after{content:"";position:absolute;width:18px;height:2px;left:8px;top:4px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:dataScan 2s infinite}.server-slots i:nth-child(2):after{animation-delay:.3s}.server-slots i:nth-child(3):after{animation-delay:.6s}.server-slots i:nth-child(4):after{animation-delay:.9s}.server-slots i:nth-child(5):after{animation-delay:1.2s}.server-glow{position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,255,157,.2),transparent 65%);filter:blur(25px);animation:glowPulse 3s ease-in-out infinite}.network-label{position:absolute;padding:8px 13px;border:1px solid rgba(0,255,157,.2);background:rgba(3,10,18,.72);backdrop-filter:blur(10px);color:#7d8da4;font:9px 'Space Mono',monospace;letter-spacing:1.5px;box-shadow:0 0 15px rgba(0,255,157,.08);animation:labelFloat 3s ease-in-out infinite}.network-label span{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.label-1{top:17%;left:6%}.label-2{top:69%;left:4%;animation-delay:.7s}.label-3{top:34%;right:1%;animation-delay:1.2s}.label-4{bottom:12%;right:12%;animation-delay:1.8s}@keyframes serverFloat{0%,100%{transform:translateY(0) rotateX(12deg) rotateY(-20deg)}50%{transform:translateY(-12px) rotateX(15deg) rotateY(-14deg)}}@keyframes statusPulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes dataScan{0%{transform:translateX(0);opacity:.2}50%{transform:translateX(85px);opacity:1}100%{transform:translateX(0);opacity:.2}}@keyframes glowPulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes labelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.section{padding:120px 8vw;border-top:1px solid var(--line);background:#050912}.columns{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:50px}h2{font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-3px;margin:0}.lead{font-size:21px;line-height:1.6;color:#dce4f0}.columns p:not(.lead){color:var(--muted);line-height:1.8;font-size:15px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:45px 0}.section-title p{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{min-height:275px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border:1px solid var(--line);position:relative;overflow:hidden;transition:.3s}.cards article:after{content:"";position:absolute;left:0;bottom:0;width:35%;height:2px;background:var(--cyan)}.cards article:hover{transform:translateY(-6px);border-color:rgba(0,255,157,.35)}.cards em{color:var(--cyan);font:12px 'Space Mono',monospace;font-style:normal}.cards h3{margin-top:65px;margin-bottom:12px;font-size:18px}.cards p{color:var(--muted);font-size:13px;line-height:1.7}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.facts div{background:var(--panel);padding:28px;min-height:125px}.facts b{display:block;color:var(--cyan);font:12px 'Space Mono',monospace;margin-bottom:25px}.facts span{font-size:14px;font-weight:600}.contact{margin:0 8vw 70px;padding:80px 8vw;text-align:center;border:1px solid rgba(0,255,157,.18);background:radial-gradient(circle at 50% 0,rgba(0,255,157,.1),transparent 55%),#080c14}.contact h2{margin:25px 0 15px}.contact p{color:var(--muted);margin-bottom:30px}.big{min-width:280px}footer{border-top:1px solid var(--line);padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;color:#667286;font-size:11px}footer a{color:var(--cyan);text-decoration:none;font-size:20px}
.scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#657388;font:10px 'Space Mono',monospace;letter-spacing:3px;z-index:8;animation:scroll 2s infinite}@keyframes scroll{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
@media(max-width:1000px){.hero-content{width:62%}.network-3d{width:560px;height:560px;right:-100px}.cards{grid-template-columns:1fr 1fr}}@media(max-width:800px){nav{display:none}nav.mobile-open{display:flex;position:absolute;top:78px;left:0;right:0;padding:20px 6vw;flex-direction:column;gap:20px;background:rgba(3,7,14,.97);border-bottom:1px solid var(--line)}.menu{display:block}.hero{padding-top:140px}.hero-content{width:100%;max-width:650px}.network-3d{width:500px;height:500px;right:-180px;top:54%;opacity:.45}.columns{grid-template-columns:1fr;gap:35px}.section-title{display:block}.section-title p{margin-top:20px}}@media(max-width:600px){header{padding:0 5vw}.hero,.section{padding-left:5vw;padding-right:5vw}h1{font-size:55px;letter-spacing:-3px}.description{font-size:15px}.buttons{flex-direction:column;max-width:250px}.cards{grid-template-columns:1fr}.network-3d{width:430px;height:430px;right:-190px;top:55%;opacity:.28}.network-label{transform:scale(.85)}.contact{margin-left:5vw;margin-right:5vw;padding:60px 20px}footer{padding:25px 5vw;flex-wrap:wrap;gap:15px}}