:root {
  --void: #000000;
  --deep-space: #00000f;
  --nebula-blue: #050520;
  --cyber-cyan: #00f5ff;
  --cyber-cyan-dim: rgba(0,245,255,0.15);
  --cyber-cyan-glow: rgba(0,245,255,0.6);
  --navy: #000000;
  --navy-mid: #070707;
  --navy-light: #0a0a0a;
  --neon-blue: #0077ff;
  --panel-bg: rgba(0,4,20,0.92);
  --text-primary: #e0f7ff;
  --text-secondary: rgba(180,230,255,0.7);
  --accent-gold: #ffd700;
  --accent-green: #00ff88;
  --white: #ffffff;
  --grid-line: rgba(0,245,255,0.06);
  --neon-green: #00ff88;
  --hot-amber: #ffd700;
  --text-pri: #e0f7ff;
  --text-sec: rgba(180,230,255,0.7);
  --panel-edge: rgba(0,245,255,0.14);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Rajdhani',sans-serif; background:var(--void); color:var(--text-primary); overflow-x:hidden; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:#000; }
::-webkit-scrollbar-thumb { background:var(--cyber-cyan); border-radius:2px; }

@keyframes fadeUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:none;} }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
@keyframes gridDrift { from{background-position:0 0;} to{background-position:80px 80px;} }
@keyframes scanDown { 0%{top:-4px;opacity:1;} 90%{opacity:.5;} 100%{top:100%;opacity:0;} }
@keyframes pulseGlow { 0%,100%{opacity:.7;} 50%{opacity:1;} }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0;} }
@keyframes rotSlow { to{transform:rotate(360deg);} }
@keyframes rotRev { to{transform:rotate(-360deg);} }
@keyframes rippleOut { from{transform:scale(.8);opacity:.6;} to{transform:scale(2.4);opacity:0;} }
@keyframes signalPulse { 0%{box-shadow:0 0 0 0 rgba(0,245,255,.55);} 70%{box-shadow:0 0 0 28px rgba(0,245,255,0);} 100%{box-shadow:0 0 0 0 rgba(0,245,255,0);} }
@keyframes glitchH { 0%,100%{clip-path:none;transform:none;} 20%{clip-path:polygon(0 18%,100% 18%,100% 22%,0 22%);transform:translateX(-3px);} 40%{clip-path:polygon(0 62%,100% 62%,100% 64%,0 64%);transform:translateX(3px);} 60%{clip-path:none;transform:none;} }
@keyframes lineSlide { from{left:-100%;} to{left:200%;} }
@keyframes floatUp { 0%{opacity:0;transform:translateY(0);} 10%{opacity:1;} 90%{opacity:.35;} 100%{opacity:0;transform:translateY(-70px);} }
@keyframes scrollDrop { 0%{transform:scaleY(0);transform-origin:top;} 60%{transform:scaleY(1);} 100%{transform:scaleY(0);transform-origin:bottom;} }
@keyframes glowPulse { 0%,100%{box-shadow:0 0 40px rgba(0,245,255,.5),0 0 80px rgba(0,245,255,.2);} 50%{box-shadow:0 0 60px rgba(0,245,255,.7),0 0 100px rgba(0,245,255,.3);} }
@keyframes orbit { from{transform:rotate(0deg) translateX(130px);} to{transform:rotate(360deg) translateX(130px);} }
@keyframes spinSlow { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }


#nav {
  position:fixed; top:20px; left:50%; transform:translateX(-50%);
  z-index:1000; width:min(860px,92vw);
  background:rgba(0,0,0,0.08);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(0,245,255,0.22);
  border-top:1px solid rgba(0,245,255,0.35);
  border-radius:2px;
  padding:0 32px;
  display:flex; align-items:center; justify-content:space-between; height:56px;
  clip-path:polygon(18px 0%,100% 0%,calc(100% - 18px) 100%,0% 100%);
  box-shadow:0 8px 40px rgba(0,0,0,0.2),0 0 0 1px rgba(0,245,255,0.04) inset,0 2px 0 rgba(0,245,255,0.15) inset;
  transition:background 0.3s,box-shadow 0.3s;
}
#nav-logo {
  font-family:'Orbitron',monospace; font-size:15px; font-weight:700;
  color:var(--cyber-cyan); letter-spacing:3px; text-decoration:none;
  text-shadow:0 0 14px rgba(0,245,255,0.5); white-space:nowrap;
}
#nav-logo .dot { color:#ffffff; font-weight:900; display:inline-block; transform:scale(1.3); line-height:1; }
#nav-links { display:flex; gap:6px; align-items:center; }
.nav-link {
  font-family:'Orbitron',monospace; font-size:9px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; text-decoration:none;
  color:rgba(255,255,255,0.9); padding:7px 14px; border:1px solid transparent;
  transition:all 0.25s; white-space:nowrap;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.nav-link:hover, .nav-link.active {
  color:var(--cyber-cyan); border-color:rgba(0,245,255,0.35);
  background:rgba(0,245,255,0.08); text-shadow:0 0 12px rgba(0,245,255,0.6);
}
.nav-link.active-page {
  color:var(--cyber-cyan); border-color:rgba(0,245,255,0.4); background:rgba(0,245,255,0.1);
}
#nav-cta {
  font-family:'Orbitron',monospace; font-size:9px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; text-decoration:none;
  color:#000; background:var(--cyber-cyan); padding:8px 18px;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:all 0.35s ease; white-space:nowrap;
  border:2px solid var(--cyber-cyan);
  box-shadow:0 0 20px rgba(0,245,255,0.4);
}
#nav-cta:hover {
  background:transparent; color:var(--cyber-cyan);
  border-color:var(--cyber-cyan); box-shadow:0 0 30px rgba(0,245,255,0.35);
  transform:translateY(-2px);
}
#hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }
#hamburger span { display:block; width:22px; height:2px; background:var(--cyber-cyan); transition:all 0.3s; }
#mobile-menu {
  display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999;
  background:rgba(4,13,46,0.97); backdrop-filter:blur(20px);
  flex-direction:column; align-items:center; justify-content:center; gap:24px;
}
#mobile-menu.open { display:flex; }
.mobile-close { position:absolute; top:28px; right:28px; background:none; border:none; color:var(--cyber-cyan); font-size:24px; cursor:pointer; }
.mobile-nav-link {
  font-family:'Orbitron',monospace; font-size:14px; font-weight:600; letter-spacing:3px;
  text-transform:uppercase; text-decoration:none; color:var(--text-primary); padding:12px 24px;
  border:1px solid rgba(0,245,255,0.2); width:240px; text-align:center;
  clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); transition:all 0.25s;
}
.mobile-nav-link:hover { color:var(--cyber-cyan); border-color:var(--cyber-cyan); background:rgba(0,245,255,0.08); }


#hero {
  min-height:100vh; background:#000000; position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(0,245,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,0.05) 1px,transparent 1px);
  background-size:60px 60px;
}
.scanlines {
  position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,0.009) 2px,rgba(0,245,255,0.009) 4px);
}
.scan-line {
  position:absolute; left:0; right:0; height:2px; pointer-events:none; z-index:1;
  background:linear-gradient(90deg,transparent,rgba(0,245,255,0.15),transparent);
  animation:scanDown 7s linear infinite;
}
.glow-center {
  position:absolute; width:900px; height:900px; border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,40,120,0.10) 0%,transparent 70%);
  top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
}
.glow-bottom {
  position:absolute; bottom:-200px; left:50%; transform:translateX(-50%);
  width:700px; height:400px; border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,245,255,0.04) 0%,transparent 70%); pointer-events:none;
}
.hud { position:absolute; width:40px; height:40px; pointer-events:none; }
.hud::before, .hud::after { content:''; position:absolute; background:var(--cyber-cyan); }
.hud::before { width:100%; height:1px; }
.hud::after { width:1px; height:100%; }
.hud.tl { top:24px; left:24px; }
.hud.tr { top:24px; right:24px; transform:scaleX(-1); }
.hud.bl { bottom:24px; left:24px; transform:scaleY(-1); }
.hud.br { bottom:24px; right:24px; transform:scale(-1); }
.breadcrumb {
  position:absolute; top:88px; left:50%; transform:translateX(-50%);
  z-index:4; font-family:'Share Tech Mono',monospace; font-size:9px;
  letter-spacing:3px; color:rgba(0,245,255,0.28); white-space:nowrap;
}
.particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.particle {
  position:absolute; font-family:'Share Tech Mono',monospace; font-size:9px;
  color:rgba(0,245,255,0.12); letter-spacing:1px;
  animation:floatUp linear infinite; white-space:nowrap;
}
.hero-content {
  position:relative; z-index:3; display:flex; flex-direction:column;
  align-items:center; text-align:center; padding:120px 24px 80px;
  max-width:900px; width:100%;
}
.hero-kicker {
  font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:6px;
  color:rgba(0,245,255,0.5); text-transform:uppercase; margin-bottom:36px;
  display:flex; align-items:center; gap:16px;
  opacity:0; animation:fadeUp .6s .15s ease forwards;
}
.kicker-line { width:40px; height:1px; background:var(--cyber-cyan); box-shadow:0 0 5px var(--cyber-cyan); }
.signal-orbit {
  position:relative; width:220px; height:220px; margin:0 auto 52px;
  opacity:0; animation:fadeIn .8s .3s ease forwards;
}
.orbit-ring {
  position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(0,245,255,0.14); animation:rotSlow 18s linear infinite;
}
.orbit-ring::before {
  content:''; position:absolute; top:-3px; left:50%; transform:translateX(-50%);
  width:6px; height:6px; border-radius:50%;
  background:var(--cyber-cyan); box-shadow:0 0 10px var(--cyber-cyan);
}
.orbit-ring-inner {
  position:absolute; inset:30px; border-radius:50%;
  border:1px solid rgba(0,245,255,0.10); animation:rotRev 12s linear infinite;
}
.orbit-ring-inner::before {
  content:''; position:absolute; bottom:-3px; left:50%; transform:translateX(-50%);
  width:5px; height:5px; border-radius:50%;
  background:var(--hot-amber); box-shadow:0 0 8px var(--hot-amber);
}
.orbit-svg { position:absolute; inset:0; width:100%; height:100%; }
.orbit-arc { fill:none; stroke:rgba(0,245,255,0.22); stroke-width:1; stroke-dasharray:8 6; animation:rotSlow 30s linear infinite; transform-origin:center; }
.pulse-ring { position:absolute; inset:60px; border-radius:50%; border:1px solid rgba(0,245,255,0.4); animation:rippleOut 2.4s ease-out infinite; }
.pulse-ring.pr2 { animation-delay:.8s; }
.pulse-ring.pr3 { animation-delay:1.6s; }
.orbit-center { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.orbit-hex {
  width:72px; height:72px; background:rgba(0,245,255,0.05);
  border:1px solid rgba(0,245,255,0.35);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex; align-items:center; justify-content:center;
  animation:signalPulse 2.5s ease-out infinite;
}
.orbit-icon { font-size:26px; line-height:1; }
.hero-h1 {
  font-family:'Orbitron',monospace; font-weight:900;
  font-size:clamp(36px,7vw,88px); line-height:.9; color:#fff;
  margin-bottom:10px; letter-spacing:-1px;
  opacity:0; animation:fadeUp .9s .42s ease forwards; position:relative;
}
.hero-h1 .line2 {
  display:block; color:transparent;
  -webkit-text-stroke:1px rgba(0,245,255,0.45); font-size:clamp(28px,5.5vw,70px);
}
.hero-h1::after {
  content:attr(data-text); position:absolute; top:0; left:0; width:100%;
  color:#fff; font-family:'Orbitron',monospace; font-weight:900;
  font-size:clamp(36px,7vw,88px); pointer-events:none;
  animation:glitchH 8s steps(1) infinite; opacity:.18;
}
.email-node { margin:48px 0 32px; opacity:0; animation:fadeUp .9s .62s ease forwards; }
.email-label {
  font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:4px;
  color:rgba(0,245,255,0.4); text-transform:uppercase; margin-bottom:14px;
  display:flex; align-items:center; justify-content:center; gap:12px;
}
.email-label::before, .email-label::after { content:''; flex:1; max-width:60px; height:1px; background:linear-gradient(90deg,transparent,rgba(0,245,255,0.25)); }
.email-label::after { background:linear-gradient(90deg,rgba(0,245,255,0.25),transparent); }
.email-link {
  display:inline-flex; align-items:center; gap:16px;
  font-family:'Orbitron',monospace; font-size:clamp(18px,3.5vw,38px);
  font-weight:700; letter-spacing:2px; color:var(--cyber-cyan);
  text-decoration:none; padding:18px 40px;
  border:1px solid rgba(0,245,255,0.28); background:rgba(0,245,255,0.035);
  clip-path:polygon(16px 0%,100% 0%,calc(100% - 16px) 100%,0% 100%);
  position:relative; overflow:hidden; transition:all .35s;
  text-shadow:0 0 20px rgba(0,245,255,0.45);
  box-shadow:0 0 30px rgba(0,245,255,0.06),inset 0 1px 0 rgba(0,245,255,0.08);
}
.email-link::before {
  content:''; position:absolute; top:0; bottom:0; width:60px;
  background:linear-gradient(90deg,transparent,rgba(0,245,255,0.12),transparent);
  animation:lineSlide 3s ease-in-out infinite; pointer-events:none;
}
.email-link:hover {
  background:rgba(0,245,255,0.09); border-color:rgba(0,245,255,0.6);
  box-shadow:0 0 50px rgba(0,245,255,0.18),inset 0 1px 0 rgba(0,245,255,0.15);
  color:#fff; text-shadow:0 0 30px rgba(0,245,255,0.8); transform:translateY(-2px);
}
.email-arrow { font-size:clamp(14px,2vw,24px); transition:transform .3s; opacity:.7; }
.email-link:hover .email-arrow { transform:translateX(6px); opacity:1; }
.copy-wrap { margin-top:14px; opacity:0; animation:fadeUp .7s .78s ease forwards; }
.copy-btn {
  font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:3px;
  text-transform:uppercase; color:rgba(0,245,255,0.38); background:none;
  border:1px solid rgba(0,245,255,0.1); padding:8px 20px; cursor:pointer;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); transition:all .25s;
}
.copy-btn:hover { color:var(--cyber-cyan); border-color:rgba(0,245,255,0.3); background:rgba(0,245,255,0.04); }
.copy-btn.copied { color:var(--neon-green); border-color:rgba(0,255,136,0.3); background:rgba(0,255,136,0.04); }
.hero-tagline {
  font-family:'Rajdhani',sans-serif; font-size:clamp(14px,1.6vw,17px);
  color:var(--text-sec); line-height:1.85; max-width:560px;
  margin:0 auto 48px; opacity:0; animation:fadeUp .9s .9s ease forwards;
}
.status-row { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; opacity:0; animation:fadeUp .7s 1.05s ease forwards; }
.status-chip {
  display:flex; align-items:center; gap:8px;
  font-family:'Share Tech Mono',monospace; font-size:8px; letter-spacing:2px;
  text-transform:uppercase; color:rgba(180,220,255,0.42);
  border:1px solid rgba(0,245,255,0.1); padding:7px 16px;
  clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
}
.status-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.dot-green { background:var(--neon-green); box-shadow:0 0 6px var(--neon-green); animation:pulseGlow 2s ease-in-out infinite; }
.dot-cyan  { background:var(--cyber-cyan); box-shadow:0 0 6px var(--cyber-cyan); animation:pulseGlow 2s ease-in-out infinite .4s; }
.dot-amber { background:var(--hot-amber);  box-shadow:0 0 6px var(--hot-amber);  animation:pulseGlow 2s ease-in-out infinite .8s; }


#info {
  background:#060606; color:var(--text-primary);
  position:relative; overflow:hidden; padding:100px 24px;
}
#info::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:60px 60px;
}
.info-scanlines {
  position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,0.007) 2px,rgba(0,245,255,0.007) 4px);
}
.info-inner { max-width:1100px; margin:0 auto; position:relative; z-index:2; }

.info-header { text-align:center; margin-bottom:60px; }
.sec-label {
  font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:5px;
  color:var(--cyber-cyan); text-transform:uppercase; display:block; margin-bottom:14px;
}
.sec-title {
  font-family:'Orbitron',monospace; font-size:clamp(26px,4vw,50px);
  font-weight:900; color:#fff; line-height:1.05; margin-bottom:0;
}
.sec-title .dim { color:rgba(255,255,255,0.3); }

.cards-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:2px;
}
@media(max-width:720px) { .cards-grid { grid-template-columns:1fr; } }

.info-card {
  background:rgba(0,245,255,0.02); border:1px solid rgba(0,245,255,0.1);
  padding:40px 32px; position:relative; overflow:hidden;
  transition:all 0.3s; cursor:default;
}
.info-card::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(0,245,255,0.06),transparent);
  opacity:0; transition:opacity 0.3s;
}
.info-card:hover {
  border-color:rgba(0,245,255,0.35); transform:translateY(-4px);
  box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(0,245,255,0.08);
}
.info-card:hover::before { opacity:1; }

.card-num {
  font-family:'Orbitron',monospace; font-size:42px; font-weight:900;
  color:rgba(0,245,255,0.07); position:absolute; top:20px; right:24px; line-height:1;
}
.card-icon-box {
  width:48px; height:48px; background:rgba(0,245,255,0.08);
  border:1px solid rgba(0,245,255,0.2);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:20px;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.card-title {
  font-family:'Orbitron',monospace; font-size:11px; font-weight:700;
  letter-spacing:2px; color:var(--cyber-cyan); text-transform:uppercase;
  margin-bottom:12px; line-height:1.4;
}
.card-text { font-family:'Rajdhani',sans-serif; font-size:14px; color:var(--text-secondary); line-height:1.7; }
.card-detail {
  margin-top:18px; font-family:'Share Tech Mono',monospace; font-size:8.5px;
  letter-spacing:1.5px; color:rgba(0,245,255,0.35); line-height:1.9;
  border-top:1px solid rgba(0,245,255,0.08); padding-top:14px;
}

#channel {
  padding:100px 24px;
  background:linear-gradient(180deg,#060606 0%,#000000 100%);
  position:relative; overflow:hidden;
}
#channel::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:60px 60px;
}
.channel-inner { max-width:900px; margin:0 auto; position:relative; z-index:2; text-align:center; }
.channel-title { font-family:'Orbitron',monospace; font-size:clamp(22px,3.5vw,46px); font-weight:900; color:#fff; line-height:1.05; margin-bottom:20px; }
.channel-title span { color:var(--cyber-cyan); }
.channel-body { font-family:'Rajdhani',sans-serif; font-size:clamp(14px,1.6vw,17px); color:var(--text-sec); line-height:1.85; max-width:640px; margin:0 auto 48px; }
.terminal-addr {
  display:inline-flex; align-items:stretch;
  border:1px solid rgba(0,245,255,0.2); overflow:hidden;
  clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
  margin-bottom:32px;
}
.addr-prefix {
  font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px;
  color:rgba(0,245,255,0.4); background:rgba(0,245,255,0.04); padding:14px 18px;
  border-right:1px solid rgba(0,245,255,0.12); display:flex; align-items:center;
  text-transform:uppercase; white-space:nowrap;
}
.addr-value {
  font-family:'Share Tech Mono',monospace; font-size:clamp(13px,2vw,20px);
  letter-spacing:3px; color:var(--cyber-cyan); padding:14px 24px;
  display:flex; align-items:center; text-shadow:0 0 14px rgba(0,245,255,0.4);
}
.addr-cursor { display:inline-block; width:2px; height:1.1em; background:var(--cyber-cyan); margin-left:6px; animation:blink 1s steps(1) infinite; vertical-align:middle; }

.btn-primary {
  font-family:'Orbitron',monospace; font-size:10px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase; text-decoration:none;
  color:#000; background:var(--cyber-cyan); padding:16px 36px;
  clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
  transition:all 0.35s ease; border:2px solid var(--cyber-cyan); display:inline-block;
  box-shadow:0 0 24px rgba(0,245,255,0.4);
}
.btn-primary:hover {
  background:transparent; color:var(--cyber-cyan); border-color:var(--cyber-cyan);
  box-shadow:0 0 36px rgba(0,245,255,0.3); transform:translateY(-2px);
}
.btn-secondary {
  font-family:'Orbitron',monospace; font-size:10px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase; text-decoration:none;
  color:var(--cyber-cyan); background:transparent; padding:16px 36px;
  border:2px solid rgba(0,245,255,0.5);
  clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);
  transition:all 0.35s ease; display:inline-block;
}
.btn-secondary:hover {
  background:var(--cyber-cyan); color:#000 !important; border-color:var(--cyber-cyan);
  box-shadow:0 0 32px rgba(0,245,255,0.4); transform:translateY(-2px);
}


.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }


footer { background:#000000; border-top:1px solid rgba(0,245,255,0.1); padding:70px 24px 0; }
.footer-inner { max-width:1100px; margin:0 auto; }
.footer-top {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:60px;
  padding-bottom:60px; border-bottom:1px solid rgba(0,245,255,0.06);
}
@media(max-width:900px) { .footer-top { grid-template-columns:1fr 1fr; gap:40px; } }
@media(max-width:560px) { .footer-top { grid-template-columns:1fr; gap:36px; } }
.footer-brand .f-logo {
  font-family:'Orbitron',monospace; font-size:16px; font-weight:700;
  color:var(--cyber-cyan); letter-spacing:3px; text-shadow:0 0 14px rgba(0,245,255,0.4);
  display:block; margin-bottom:16px; text-decoration:none;
}
.footer-brand .f-logo .dot { color:#ffffff; font-weight:900; display:inline-block; transform:scale(1.3); line-height:1; }
.footer-brand p { font-family:'Rajdhani',sans-serif; font-size:14px; color:rgba(180,220,255,0.4); line-height:1.7; max-width:280px; }
.footer-col h4 { font-family:'Orbitron',monospace; font-size:9px; font-weight:700; letter-spacing:3px; color:rgba(0,245,255,0.5); text-transform:uppercase; margin-bottom:20px; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { font-family:'Rajdhani',sans-serif; font-size:14px; color:rgba(180,220,255,0.4); text-decoration:none; transition:color .2s; }
.footer-col ul li a:hover { color:var(--cyber-cyan); }
.footer-col ul li a.footer-active { color:var(--cyber-cyan); text-shadow:0 0 10px rgba(0,245,255,0.4); }
.footer-bottom {
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px; padding:24px 0 24px;
}
.footer-bottom-left { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.footer-trademark { font-family:'Share Tech Mono',monospace; font-size:10px; color:rgba(180,220,255,0.3); letter-spacing:1px; }
.american-badge { display:flex; align-items:center; gap:8px; border:1px solid rgba(0,245,255,0.12); padding:5px 12px; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); }
.american-text { font-family:'Share Tech Mono',monospace; font-size:9px; letter-spacing:2px; color:rgba(180,220,255,0.4); text-transform:uppercase; }
.footer-social { display:flex; align-items:center; gap:12px; }
.linkedin-btn {
  display:flex; align-items:center; gap:8px;
  font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px;
  color:rgba(180,220,255,0.5); border:1px solid rgba(0,245,255,0.15);
  padding:8px 16px; text-decoration:none; transition:all .25s;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
}
.linkedin-btn:hover { color:var(--cyber-cyan); border-color:rgba(0,245,255,0.4); background:rgba(0,245,255,0.05); }
.li-icon { width:14px; height:14px; fill:currentColor; }

#scroll-top {
  position:fixed; bottom:36px; right:36px; z-index:900;
  width:46px; height:46px; background:var(--cyber-cyan); color:#000;
  border:2px solid var(--cyber-cyan);
  clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 0 20px rgba(0,245,255,0.45),0 0 40px rgba(0,245,255,0.15);
  opacity:0; transform:translateY(16px); pointer-events:none;
  transition:opacity .35s ease,transform .35s ease,background .3s ease,color .3s ease,box-shadow .3s ease;
}
#scroll-top.visible { opacity:1; transform:translateY(0); pointer-events:auto; }
#scroll-top:hover { background:transparent; color:var(--cyber-cyan); box-shadow:0 0 30px rgba(0,245,255,0.35); transform:translateY(-3px); }
@media(max-width:560px) { #scroll-top { bottom:24px; right:20px; } }

@media(max-width:768px) { #nav-links,#nav-cta { display:none; } #hamburger { display:flex; } }
@media(max-width:480px) { .email-link { padding:14px 20px; } }