*{margin:0;padding:0;box-sizing:border-box}
:root{
  --c:#00ff9d;--c2:#007a4a;--g:#55ff55;--p:#aa00ff;
  --o:#ffaa00;--r:#ff3333;--y:#ffff55;--dia:#5bdfff;
  --bg:#060e08;--bg2:#080f0a;--bg3:#0a1a0d;
  --glass:rgba(4,18,8,0.78);--border:rgba(0,255,157,0.11);
  --text:#7ec898;--text2:#2e6644;
  --stone:#8a9a8a;--obsidian:#1a0a2e;
  --px:2px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Rajdhani',sans-serif;overflow-x:hidden;cursor:none}

#cur{position:fixed;width:8px;height:8px;background:var(--c);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 14px var(--c),0 0 28px rgba(0,255,157,0.4);transition:width .1s,height .1s,background .12s;image-rendering:pixelated}
#curR{position:fixed;width:28px;height:28px;border:2px solid rgba(0,255,157,0.35);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .16s cubic-bezier(.23,1,.32,1);image-rendering:pixelated}
body.hov #cur{width:0;height:0;background:transparent;box-shadow:none}
body.hov #curR{width:40px;height:40px;border-color:var(--c);box-shadow:0 0 18px rgba(0,255,157,0.3)}

#bgCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}
.scanlines{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.025) 3px,rgba(0,0,0,0.025) 4px)}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,0.85) 100%)}
.pixel-grid-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0,255,157,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,157,0.018) 1px,transparent 1px);background-size:32px 32px}

.hc{position:fixed;z-index:3;pointer-events:none;width:52px;height:52px}
.hc::before,.hc::after{content:'';position:absolute;background:var(--c);opacity:.28}
.hc::before{width:2px;height:100%}.hc::after{width:100%;height:2px}
.hc.tl{top:14px;left:14px}.hc.tl::before,.hc.tl::after{top:0;left:0}
.hc.tr{top:14px;right:14px;transform:scaleX(-1)}.hc.tr::before,.hc.tr::after{top:0;left:0}
.hc.bl{bottom:14px;left:14px;transform:scaleY(-1)}.hc.bl::before,.hc.bl::after{top:0;left:0}
.hc.br{bottom:14px;right:14px;transform:scale(-1)}.hc.br::before,.hc.br::after{top:0;left:0}
.hud-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;font-family:'Share Tech Mono',monospace;font-size:.48rem;color:rgba(0,255,157,0.2);letter-spacing:4px;white-space:nowrap}

#app{position:relative;z-index:2}
.page{display:none;animation:pgIn .45s cubic-bezier(.23,1,.32,1)}
.page.active{display:block}
@keyframes pgIn{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}

nav{position:fixed;top:0;width:100%;z-index:500;padding:0 2.5rem;height:62px;display:flex;align-items:center;gap:.5rem;background:rgba(3,10,5,0.94);backdrop-filter:blur(32px) saturate(180%);border-bottom:1px solid rgba(0,255,157,0.07)}
nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,157,0.5),transparent)}
.logo{font-family:'Press Start 2P',monospace;font-size:1.05rem;color:#fff;letter-spacing:3px;margin-right:auto;cursor:none;user-select:none;text-shadow:0 0 28px var(--c),0 0 60px rgba(0,255,157,0.14);transition:text-shadow .3s;line-height:1}
.logo:hover{text-shadow:0 0 50px var(--c),0 0 100px rgba(0,255,157,0.32)}
.logo em{color:var(--c);font-style:normal}
.nav-ping{font-family:'Share Tech Mono',monospace;font-size:.5rem;color:var(--g);letter-spacing:2px;margin-right:.8rem;display:flex;align-items:center;gap:.4rem;opacity:.65}
.ping-dot{width:6px;height:6px;background:var(--g);box-shadow:0 0 7px var(--g);animation:pd 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes pd{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.navbtn{background:none;border:1px solid rgba(0,255,157,0.12);color:var(--text2);font-family:'Share Tech Mono',monospace;font-size:.66rem;font-weight:700;padding:.38rem 1.05rem;cursor:none;letter-spacing:2px;text-transform:uppercase;transition:all .22s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}
.navbtn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,157,0.08),transparent);opacity:0;transition:opacity .22s}
.navbtn:hover::before,.navbtn.sel::before{opacity:1}
.navbtn:hover,.navbtn.sel{border-color:rgba(0,255,157,0.45);color:var(--c);text-shadow:0 0 8px var(--c);transform:perspective(200px) translateZ(5px)}

.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 3rem;position:relative;perspective:1600px}
.hero-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.66rem;color:var(--g);letter-spacing:5px;border:1px solid rgba(85,255,85,0.2);padding:.28rem 1.2rem;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;background:rgba(0,255,157,0.04);backdrop-filter:blur(8px);animation:fadeUp .7s ease both}
.pulse-dot{width:7px;height:7px;background:var(--g);box-shadow:0 0 8px var(--g);animation:pd 1.4s ease-in-out infinite;display:inline-block;flex-shrink:0}
.hero-title-wrap{position:relative;animation:fadeUp .85s ease .1s both;transform-style:preserve-3d;margin-bottom:1.5rem;cursor:none}
h1{font-family:'Press Start 2P',monospace;font-size:clamp(2.4rem,7vw,6.5rem);line-height:1.1;letter-spacing:6px;transform-style:preserve-3d}
.glow-text{display:block;color:var(--c);text-shadow:0 0 30px var(--c),0 0 70px rgba(0,255,157,0.28),0 0 120px rgba(0,255,157,0.1);position:relative}
.glow-text::after{content:attr(data-text);position:absolute;left:3px;top:3px;color:transparent;-webkit-text-stroke:1px rgba(0,255,157,0.12);filter:blur(5px);opacity:.5;pointer-events:none}
.sub-word{display:block;font-family:'Share Tech Mono',monospace;font-size:clamp(.8rem,2.2vw,1.6rem);color:rgba(255,255,255,0.1);letter-spacing:18px;font-weight:400;text-transform:uppercase;margin-top:.5rem}
.hero-title-wrap:hover .glow-text{animation:glitch .3s ease both}
@keyframes glitch{0%{transform:none}20%{transform:translateX(-4px);filter:hue-rotate(90deg)}40%{transform:translateX(4px);filter:hue-rotate(-90deg)}60%{transform:none;filter:none}100%{transform:none}}
.hero-sub{font-size:1.1rem;color:var(--text2);max-width:500px;line-height:1.9;margin-bottom:2.8rem;animation:fadeUp .95s ease .2s both;font-weight:400}
.btn-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeUp 1s ease .3s both}
.fbadge{position:absolute;font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:3px;color:rgba(0,255,157,0.28);border:1px solid rgba(0,255,157,0.08);padding:.18rem .55rem;background:rgba(0,255,157,0.02);pointer-events:none;white-space:nowrap;animation:fbFloat 7s ease-in-out infinite}
.fbadge:nth-child(1){top:20%;left:7%;animation-delay:0s}.fbadge:nth-child(2){top:28%;right:8%;animation-delay:2.5s}.fbadge:nth-child(3){bottom:24%;left:5%;animation-delay:5s}.fbadge:nth-child(4){bottom:32%;right:6%;animation-delay:1.2s}
@keyframes fbFloat{0%,100%{transform:translateY(0) rotate(-1deg);opacity:.32}50%{transform:translateY(-14px) rotate(1deg);opacity:.78}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

.btn{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:2px;padding:.82rem 2.2rem;cursor:none;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);text-transform:uppercase;text-decoration:none;display:inline-block;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity .3s}
.btn:hover::before{opacity:1}
.btn-primary{background:linear-gradient(135deg,var(--c),var(--c2));color:#020c04;border:none;box-shadow:0 0 22px rgba(0,255,157,0.32),inset 0 1px 0 rgba(255,255,255,0.12)}
.btn-primary:hover{box-shadow:0 0 55px rgba(0,255,157,0.55),0 8px 32px rgba(0,255,157,0.22);transform:perspective(400px) translateZ(8px) translateY(-2px)}
.btn-outline{background:transparent;color:var(--c);border:1px solid rgba(0,255,157,0.32)}
.btn-outline:hover{background:rgba(0,255,157,0.06);border-color:var(--c);transform:perspective(400px) translateZ(8px) translateY(-2px);box-shadow:0 0 28px rgba(0,255,157,0.18)}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,157,0.12),transparent)}

.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}
.sec-label{font-family:'Share Tech Mono',monospace;font-size:.62rem;color:var(--g);letter-spacing:5px;margin-bottom:.4rem;opacity:.65}
.sec-title{font-family:'Press Start 2P',monospace;font-size:2rem;color:#fff;letter-spacing:2px;margin-bottom:2.8rem;line-height:1.3;position:relative;display:inline-block}
.sec-title::after{content:'';position:absolute;bottom:-8px;left:0;width:55px;height:2px;background:linear-gradient(90deg,var(--c),var(--g));box-shadow:0 0 10px var(--c)}

.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:4.5rem;background:rgba(0,255,157,0.04);border:1px solid rgba(0,255,157,0.07);overflow:hidden}
.stat{background:var(--bg2);padding:2rem 1rem;text-align:center;transition:background .3s,transform .3s;transform-style:preserve-3d}
.stat:hover{background:var(--bg3);transform:perspective(400px) translateZ(10px)}
.stat-n{font-family:'Press Start 2P',monospace;font-size:1.6rem;color:var(--c);text-shadow:0 0 20px rgba(0,255,157,0.5);letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:.4rem}
.stat-l{font-family:'Share Tech Mono',monospace;font-size:.56rem;color:var(--text2);letter-spacing:3px;margin-top:.35rem;text-transform:uppercase}

.about-panel{background:var(--glass);border:1px solid var(--border);padding:2.5rem;position:relative;overflow:hidden;backdrop-filter:blur(22px);margin-bottom:2.5rem;max-width:800px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}
.about-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),var(--g),transparent)}
.about-panel p{font-size:1.05rem;line-height:1.95;color:var(--text);font-weight:400}

.page-3d-header{padding-top:96px;padding-bottom:0;text-align:center;position:relative;perspective:1000px}
.page-3d-title{font-family:'Press Start 2P',monospace;font-size:clamp(1.8rem,5vw,3.8rem);color:var(--c);letter-spacing:6px;text-shadow:0 0 40px var(--c),0 0 80px rgba(0,255,157,0.22);display:inline-block;transform:perspective(600px) rotateX(8deg);transform-origin:50% 100%;animation:titleDrop .65s cubic-bezier(.23,1,.32,1) both}
@keyframes titleDrop{from{opacity:0;transform:perspective(600px) rotateX(28deg) translateY(-36px)}to{opacity:1;transform:perspective(600px) rotateX(8deg) translateY(0)}}
.page-3d-sub{font-family:'Share Tech Mono',monospace;font-size:.62rem;color:var(--text2);letter-spacing:5px;margin-top:.6rem;text-transform:uppercase;animation:fadeUp .6s ease .2s both}

.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem;perspective:1800px}

.card{background:var(--glass);border:1px solid rgba(0,255,157,0.07);padding:2.2rem;position:relative;overflow:hidden;backdrop-filter:blur(20px);transition:box-shadow .45s,border-color .45s;transform-style:preserve-3d;will-change:transform;cursor:none}
.card-face{position:absolute;inset:8px;border:1px solid rgba(0,255,157,0.05);pointer-events:none;transform:translateZ(0);transition:transform .4s,opacity .4s;opacity:0}
.card:hover .card-face{transform:translateZ(18px);opacity:1}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--ca,linear-gradient(90deg,transparent,var(--c),transparent))}
.card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -15%,var(--cg,rgba(0,255,157,0.07)),transparent 65%);pointer-events:none;opacity:0;transition:opacity .45s}
.card:hover::after{opacity:1}
.card-shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 25%,rgba(255,255,255,0.04),transparent 55%);opacity:0;transition:opacity .4s}
.card:hover .card-shine{opacity:1}
.card-corner{position:absolute;width:18px;height:18px;pointer-events:none;opacity:.35;transition:opacity .3s}
.card-corner::before,.card-corner::after{content:'';position:absolute;background:var(--c)}
.card-corner::before{width:2px;height:100%}.card-corner::after{width:100%;height:2px}
.card-corner.tl{top:10px;left:10px}.card-corner.tl::before,.card-corner.tl::after{top:0;left:0}
.card-corner.br{bottom:10px;right:10px;transform:rotate(180deg)}.card-corner.br::before,.card-corner.br::after{top:0;left:0}
.card:hover .card-corner{opacity:.9}
.c-pvp{--ca:linear-gradient(90deg,transparent,var(--o),transparent);--cg:rgba(255,170,0,0.08)}
.c-pvp:hover{border-color:rgba(255,170,0,0.32);box-shadow:0 0 0 1px rgba(255,170,0,0.06),0 30px 75px rgba(255,170,0,0.12)}
.c-smp{--ca:linear-gradient(90deg,transparent,var(--g),transparent);--cg:rgba(85,255,85,0.07)}
.c-smp:hover{border-color:rgba(85,255,85,0.32);box-shadow:0 30px 75px rgba(85,255,85,0.1)}
.c-duel{--ca:linear-gradient(90deg,transparent,var(--dia),transparent);--cg:rgba(91,223,255,0.08)}
.c-duel:hover{border-color:rgba(91,223,255,0.32);box-shadow:0 30px 75px rgba(91,223,255,0.1)}
.c-soon{--ca:linear-gradient(90deg,transparent,rgba(50,80,60,0.35),transparent);opacity:.5}
.c-soon:hover{opacity:.68;border-color:rgba(50,80,60,0.3)}
.tag{font-family:'Share Tech Mono',monospace;font-size:.56rem;letter-spacing:3px;padding:.2rem .72rem;display:inline-block;margin-bottom:1.1rem;text-transform:uppercase}
.t-pvp{background:rgba(255,170,0,0.08);color:var(--o);border:1px solid rgba(255,170,0,0.24)}
.t-smp{background:rgba(85,255,85,0.06);color:var(--g);border:1px solid rgba(85,255,85,0.2)}
.t-duel{background:rgba(91,223,255,0.08);color:var(--dia);border:1px solid rgba(91,223,255,0.24)}
.t-soon{background:rgba(50,80,60,0.08);color:#3a6050;border:1px solid rgba(50,80,60,0.2)}
.card h3{font-family:'Press Start 2P',monospace;font-size:1rem;color:#fff;letter-spacing:1px;margin-bottom:.55rem;transform-style:preserve-3d;transition:transform .3s,text-shadow .3s;line-height:1.4}
.card:hover h3{transform:translateZ(10px);text-shadow:0 0 22px rgba(255,255,255,0.3)}
.card p{font-size:.95rem;color:var(--text2);line-height:1.82;margin-bottom:1.4rem;font-weight:400}
.cs-badge{display:inline-flex;align-items:center;gap:.55rem;font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:3px;color:#3a6050;border:1px dashed rgba(50,80,60,0.38);padding:.28rem .85rem;background:rgba(50,80,60,0.05);text-transform:uppercase}
.cs-dot{width:5px;height:5px;background:rgba(50,80,60,0.5);animation:pd 2.2s ease-in-out infinite;flex-shrink:0}
.card-links{display:flex;gap:.7rem;flex-wrap:wrap}
.link-btn{font-family:'Share Tech Mono',monospace;font-size:.6rem;padding:.3rem .92rem;cursor:none;letter-spacing:1px;text-decoration:none;transition:all .22s;border:1px solid;background:transparent}
.l-discord{color:#7289da;border-color:rgba(114,137,218,0.26)}.l-discord:hover{background:rgba(114,137,218,0.1);box-shadow:0 0 14px rgba(114,137,218,0.18);transform:perspective(200px) translateZ(5px)}
.l-store{color:var(--g);border-color:rgba(85,255,85,0.22)}.l-store:hover{background:rgba(85,255,85,0.07);box-shadow:0 0 14px rgba(85,255,85,0.14);transform:perspective(200px) translateZ(5px)}

.team-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:2rem;
  perspective:2000px;
}

.team-card{
  position:relative;
  background:linear-gradient(160deg,rgba(2,14,6,0.9),rgba(4,10,6,0.96));
  border:1px solid rgba(0,255,157,0.12);
  padding:2.6rem 2rem 2rem;
  text-align:center;
  overflow:hidden;
  backdrop-filter:blur(24px);
  transform-style:preserve-3d;
  will-change:transform;
  transition:box-shadow .5s,border-color .5s;
  cursor:none;
}

.team-card::before{
  content:'';
  position:absolute;top:0;left:-100%;right:-100%;height:2px;
  background:var(--tc,linear-gradient(90deg,transparent,var(--c),var(--c),transparent));
  animation:beamSlide 3s ease-in-out infinite;
}
@keyframes beamSlide{
  0%{left:-100%;right:100%}
  50%{left:0%;right:0%}
  100%{left:100%;right:-100%}
}

.team-card-inner{
  position:absolute;inset:14px;
  border:1px solid rgba(0,255,157,0.05);
  pointer-events:none;
  transform:translateZ(0);
  transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s,border-color .5s;
  opacity:0;
}
.team-card:hover .team-card-inner{
  transform:translateZ(20px);
  opacity:1;
  border-color:rgba(0,255,157,0.1);
}

.team-card-inner2{
  position:absolute;inset:26px;
  border:1px solid rgba(0,255,157,0.03);
  pointer-events:none;
  transform:translateZ(0);
  transition:transform .5s cubic-bezier(.23,1,.32,1) .05s,opacity .5s;
  opacity:0;
}
.team-card:hover .team-card-inner2{
  transform:translateZ(36px);
  opacity:1;
}

.team-card::after{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,var(--tcg,rgba(0,255,157,0.06)),transparent 65%);
  pointer-events:none;
  opacity:0;transition:opacity .5s;
}
.team-card:hover::after{opacity:1}

.team-card:hover{
  border-color:rgba(0,255,157,0.28);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.6),
    0 0 0 1px rgba(0,255,157,0.06),
    inset 0 1px 0 rgba(0,255,157,0.08);
}

.avatar{
  width:88px;height:88px;
  background:linear-gradient(135deg,rgba(0,255,157,0.07),rgba(85,255,85,0.07));
  border:2px solid rgba(0,255,157,0.18);
  margin:0 auto 1.4rem;
  display:flex;align-items:center;justify-content:center;
  font-size:2.4rem;
  position:relative;
  transition:border-color .35s,box-shadow .35s,transform .5s;
  transform-style:preserve-3d;
  image-rendering:pixelated;
}
.team-card:hover .avatar{
  border-color:rgba(0,255,157,0.6);
  box-shadow:0 0 32px rgba(0,255,157,0.22),0 0 60px rgba(0,255,157,0.08);
  transform:translateZ(24px) scale(1.04);
}
.avatar::before{content:'';position:absolute;inset:-10px;border:1px solid rgba(0,255,157,0.07);animation:rb 3s ease-in-out infinite}
.avatar::after{content:'';position:absolute;inset:-20px;border:1px solid rgba(0,255,157,0.04);animation:rb 4.5s ease-in-out infinite reverse}
@keyframes rb{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:1;box-shadow:0 0 14px rgba(0,255,157,0.1)}}
.avatar-ring3{position:absolute;inset:-30px;border:1px solid rgba(0,255,157,0.02);animation:rb 6s ease-in-out infinite;pointer-events:none}

.team-role{
  font-family:'Share Tech Mono',monospace;font-size:.56rem;
  color:var(--g);letter-spacing:5px;margin-bottom:.55rem;
  text-transform:uppercase;
  transition:transform .4s,text-shadow .4s;
  transform-style:preserve-3d;
}
.team-card:hover .team-role{
  transform:translateZ(16px);
  text-shadow:0 0 12px var(--g);
}

.team-name{
  font-family:'Press Start 2P',monospace;font-size:1rem;
  color:#fff;letter-spacing:2px;margin-bottom:.75rem;
  transition:transform .4s,text-shadow .4s;
  transform-style:preserve-3d;
  line-height:1.4;
}
.team-card:hover .team-name{
  transform:translateZ(20px);
  text-shadow:0 0 24px rgba(255,255,255,0.35);
}

.team-bio{
  font-size:.9rem;color:var(--text2);line-height:1.8;
  font-weight:400;
  transition:transform .4s;
  transform-style:preserve-3d;
}
.team-card:hover .team-bio{transform:translateZ(12px)}

.card-scan{
  position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,255,157,0.25),transparent);
  top:-2px;pointer-events:none;
  transition:none;
}
.team-card:hover .card-scan{
  animation:scanDown 1.5s ease-in-out infinite;
}
@keyframes scanDown{
  0%{top:-2px;opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{top:100%;opacity:0}
}

.tc-corner{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.3;transition:opacity .35s}
.tc-corner::before,.tc-corner::after{content:'';position:absolute;background:var(--c)}
.tc-corner::before{width:2px;height:100%}.tc-corner::after{width:100%;height:2px}
.tc-corner.tl{top:10px;left:10px}.tc-corner.tl::before,.tc-corner.tl::after{top:0;left:0}
.tc-corner.br{bottom:10px;right:10px;transform:rotate(180deg)}.tc-corner.br::before,.tc-corner.br::after{top:0;left:0}
.team-card:hover .tc-corner{opacity:.85}

footer{border-top:1px solid rgba(0,255,157,0.05);padding:2.5rem;text-align:center;font-family:'Share Tech Mono',monospace;font-size:.58rem;color:#0d2e18;letter-spacing:3px;position:relative;z-index:2}
footer span{color:rgba(0,255,157,0.14)}

::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:rgba(0,255,157,0.14)}
::-webkit-scrollbar-thumb:hover{background:rgba(0,255,157,0.32)}

@media(max-width:680px){
  .stat-row{grid-template-columns:repeat(2,1fr)}
  nav{padding:0 1rem;gap:.3rem}
  .navbtn{padding:.28rem .55rem;font-size:.6rem;letter-spacing:1px}
  .section{padding:3rem 1rem}
  .fbadge,.hc{display:none}
  h1{font-size:2.2rem}
  .sec-title{font-size:1.4rem}
}