@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@400;600;700;900&display=swap');
:root{--bg:#050608;--fg:#e9fff8;--muted:#78918b;--neon:#00ff9c;--cyan:#00e5ff;--line:rgba(0,255,156,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"JetBrains Mono",monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}#matrix{position:fixed;inset:0;opacity:.10;z-index:-3}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(0,255,156,.10),transparent 65%);transform:translate(-50%,-50%)}
#boot{position:fixed;inset:0;background:#020403;z-index:100;display:grid;place-items:center;transition:opacity 1s}.boot-box{width:min(650px,88vw);font-size:13px}.boot-logo{font-family:Orbitron;font-size:50px;font-weight:900;margin-bottom:35px;letter-spacing:8px;color:var(--neon);text-shadow:0 0 25px var(--neon)}.boot-logo span{animation:blink .7s infinite}.boot-line{color:#8bcbb7;margin:10px 0}.progress{height:2px;background:#14241f;margin:30px 0 10px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--neon);box-shadow:0 0 15px var(--neon);animation:load 2.8s forwards}.boot-status{color:var(--neon);font-size:11px;letter-spacing:3px}
header{height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(5,6,8,.72);backdrop-filter:blur(14px)}.brand{font-family:Orbitron;font-weight:900;letter-spacing:4px}.brand span,.section-title span,.contact h2 span{color:var(--neon)}nav{display:flex;gap:32px;font-size:11px}nav a,.social{opacity:.7;transition:.2s}nav a:hover,.social:hover{color:var(--neon);opacity:1}.social{border:1px solid var(--line);padding:10px 14px}
.hero{min-height:100vh;padding:150px 8vw 70px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(0,255,156,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,156,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-content{position:relative;z-index:2;max-width:900px}.eyebrow{font-size:10px;letter-spacing:4px;color:var(--muted);margin-bottom:24px}.dot{display:inline-block;width:6px;height:6px;background:var(--neon);box-shadow:0 0 15px var(--neon);border-radius:50%;margin-right:10px}.hero h1{font-family:Orbitron;font-size:clamp(70px,13vw,180px);line-height:.8;margin:0;letter-spacing:-8px;color:#fff;position:relative;text-shadow:0 0 30px rgba(0,255,156,.12)}.hero h1:after{content:attr(data-text);position:absolute;left:3px;top:0;color:var(--cyan);opacity:.18;clip-path:inset(45% 0 40% 0);animation:glitch 2.2s infinite}.hero h2{font-family:Orbitron;font-size:20px;letter-spacing:8px;margin:28px 0 18px;color:#819a94}.hero h2 span{color:var(--neon)}.tagline{font-size:12px;color:#a8bbb6;letter-spacing:2px}.tagline b{color:var(--neon);margin:0 8px}.hero-buttons{display:flex;gap:12px;margin:35px 0}.btn{padding:15px 20px;border:1px solid var(--line);font-size:11px;letter-spacing:1px;transition:.3s}.btn:hover{border-color:var(--neon);box-shadow:0 0 30px rgba(0,255,156,.12);transform:translateY(-3px)}.btn.primary{background:var(--neon);color:#03100a;font-weight:bold}.terminal{width:min(700px,100%);border:1px solid var(--line);background:rgba(3,9,7,.72);box-shadow:0 0 50px rgba(0,255,156,.05)}.terminal-head{height:30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px}.terminal-head span{width:7px;height:7px;border-radius:50%;background:#30443d}.terminal-head label{font-size:9px;color:#536b64;margin-left:8px}.terminal-body{padding:18px;font-size:11px;line-height:1.9}.terminal-body em{color:var(--neon);font-style:normal}.muted{color:#688078}.green{color:var(--neon)}.hero-side{position:absolute;right:7vw;top:35%;display:grid;place-items:center}.orb{width:270px;height:270px;border:1px solid rgba(0,255,156,.35);border-radius:50%;box-shadow:0 0 70px rgba(0,255,156,.08),inset 0 0 60px rgba(0,255,156,.05);animation:spin 18s linear infinite;display:grid;place-items:center}.orb:before,.orb:after{content:"";position:absolute;width:310px;height:130px;border:1px solid rgba(0,229,255,.22);border-radius:50%;transform:rotate(25deg)}.orb:after{transform:rotate(-55deg)}.orb-core{font-family:Orbitron;font-size:70px;color:var(--neon);text-shadow:0 0 35px var(--neon);animation:counterspin 18s linear infinite}.coordinates{font-size:9px;color:#4f6861;text-align:center;margin-top:20px;letter-spacing:2px}
.section{padding:130px 8vw;border-top:1px solid var(--line);position:relative}.section-label{font-size:10px;color:var(--muted);letter-spacing:3px;margin-bottom:35px}.section-title{font-family:Orbitron;font-size:clamp(35px,6vw,75px);font-weight:700;margin-bottom:55px;letter-spacing:-2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:310px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,rgba(0,255,156,.045),rgba(0,0,0,.25));position:relative;overflow:hidden;transition:.35s}.card:hover{transform:translateY(-8px);border-color:rgba(0,255,156,.5);box-shadow:0 25px 60px rgba(0,0,0,.4)}.card:after{content:"";position:absolute;width:120px;height:120px;right:-60px;bottom:-60px;background:var(--neon);filter:blur(70px);opacity:.08}.num{color:var(--neon);font-size:10px}.card h3{font-family:Orbitron;font-size:23px;margin:55px 0 18px}.card p{color:#7f9690;font-size:12px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags i{font-style:normal;border:1px solid var(--line);padding:6px 9px;font-size:9px;color:#91aaa3}.links{display:grid;gap:12px;margin-top:25px}.links a{font-size:10px;color:var(--neon)}.big-number{font-family:Orbitron;font-size:55px;color:#fff;margin-top:35px}.big-number span{color:var(--neon)}
.cyber-section{background:radial-gradient(circle at 75% 50%,rgba(0,255,156,.08),transparent 35%)}.cyber-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.large-copy{max-width:600px;color:#829a94;line-height:2;font-size:15px}.security-terminal{border:1px solid var(--line);padding:30px;background:#030907}.security-terminal p{font-size:11px;border-bottom:1px solid rgba(0,255,156,.08);padding:15px 0;margin:0}.security-terminal p span{color:#547068;margin-right:25px}.security-terminal b{float:right;color:var(--neon)}.security-bar{height:3px;background:#10211b;margin-top:30px}.security-bar i{display:block;width:86%;height:100%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.map{height:500px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle,rgba(0,255,156,.09),transparent 50%),#030807}.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(0,255,156,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,156,.08) 1px,transparent 1px);background-size:45px 45px;transform:perspective(400px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.map-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-family:Orbitron;font-size:45px;color:rgba(233,255,248,.8);text-shadow:0 0 30px rgba(0,255,156,.2)}.map-center small{font-size:10px;letter-spacing:8px;color:var(--neon)}.pin{position:absolute;border:1px solid var(--neon);color:var(--neon);font-size:9px;padding:8px;border-radius:50%;box-shadow:0 0 25px rgba(0,255,156,.3);animation:pulse 1.7s infinite}.p1{left:43%;top:60%}.p2{left:45%;top:37%}.p3{left:51%;top:43%}.p4{left:58%;top:48%}.route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--neon),transparent);transform-origin:left;opacity:.5}.r1{width:170px;left:44%;top:58%;transform:rotate(-60deg)}.r2{width:150px;left:46%;top:39%;transform:rotate(25deg)}.r3{width:160px;left:52%;top:44%;transform:rotate(18deg)}
.contact h2{font-family:Orbitron;font-size:clamp(55px,10vw,140px);line-height:.9;margin:0 0 60px;letter-spacing:-5px}.contact-links{display:flex;flex-wrap:wrap;gap:12px}.contact-links a{border:1px solid var(--line);padding:15px 20px;font-size:10px}.contact-links a:hover{background:var(--neon);color:#03100a}footer{padding:30px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#4d625c;font-size:9px;letter-spacing:2px}
@keyframes load{to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes glitch{0%,80%,100%{transform:none}82%{transform:translate(7px,-2px)}84%{transform:translate(-4px,2px)}86%{transform:translate(2px,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterspin{to{transform:rotate(-360deg)}}@keyframes pulse{50%{box-shadow:0 0 5px rgba(0,255,156,.1),0 0 35px rgba(0,255,156,.55)}}
@media(max-width:850px){nav{display:none}.hero{padding-left:6vw;padding-right:6vw}.hero-side{opacity:.18;right:-100px}.cards,.cyber-layout{grid-template-columns:1fr}.section{padding:90px 6vw}.map{height:380px}.map-center{font-size:30px}.hero h1{letter-spacing:-4px}}
