:root{
  --bg:#060608;
  --bg-panel:#0E1013;
  --bg-panel-2:#14171B;
  --green:#00A63E;
  --green-light:#3DDC72;
  --neon:#5CFF9D;
  --cyan:#2FE0E8;
  --amber:#FFB020;
  --ink:#F4F6F5;
  --muted:#94A0A8;
  --muted-2:#5C666D;
  --line:rgba(255,255,255,0.08);
  --danger:#FF5D5D;
}
*{box-sizing:border-box;}
html,body{background:var(--bg);}
body{
  color:var(--ink);
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.font-display{font-family:'Space Grotesk',sans-serif;}
.font-mono{font-family:'JetBrains Mono',monospace;}
::selection{background:var(--green);color:#04140A;}
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:#000;}
::-webkit-scrollbar-thumb{background:var(--green);border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:var(--green-light);}

/* ---------- utility ---------- */
.max-wrap{max-width:1280px;margin:0 auto;padding:0 1.5rem;}
.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:0.72rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--green-light);
  display:inline-flex;align-items:center;gap:.5rem;
}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green-light);box-shadow:0 0 8px var(--green-light);}
.glass{
  background:rgba(20,23,27,0.72);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);
  border-radius:18px;
}
.text-glow{text-shadow:0 0 24px rgba(61,220,114,0.45);}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}
.btn-primary{
  background:linear-gradient(135deg,var(--green),var(--green-light));
  color:#04140A;
  font-weight:700;
  transition:all .25s ease;
  box-shadow:0 6px 24px rgba(61,220,114,.28);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(92,255,157,.4);}
.btn-ghost{
  border:1px solid rgba(255,255,255,.18);
  color:var(--ink);
  transition:all .25s ease;
  background:rgba(255,255,255,.03);
}
.btn-ghost:hover{border-color:var(--green-light);color:var(--green-light);background:rgba(61,220,114,.08);}

/* ---------- nav ---------- */
#navbar{background:rgba(6,6,8,.85);backdrop-filter:blur(10px);}
.nav-link{position:relative;color:#C4CBCF;font-weight:600;font-size:.85rem;letter-spacing:.02em;transition:color .2s;}
.nav-link:hover{color:var(--green-light);}
.nav-link::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--green-light);transition:width .25s ease;}
.nav-link:hover::after{width:100%;}

/* ---------- hero terminal ---------- */
.term{
  background:#0A0C0E;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.02) inset;
  overflow:hidden;
}
.term-bar{background:#14171B;padding:.6rem .9rem;display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--line);}
.term-dot{width:10px;height:10px;border-radius:50%;}
.term-body{padding:1.2rem 1.4rem;font-family:'JetBrains Mono',monospace;font-size:.86rem;line-height:1.7;min-height:210px;}
.term-cursor{display:inline-block;width:7px;height:1em;background:var(--neon);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
.tk-kw{color:#C792EA;}
.tk-fn{color:#82AAFF;}
.tk-str{color:var(--neon);}
.tk-cm{color:var(--muted-2);}
.tk-punc{color:#EEE;}

.hero-sprite{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--green-light),var(--green));display:inline-block;position:relative;box-shadow:0 0 14px rgba(92,255,157,.6);}
.hero-sprite::before,.hero-sprite::after{content:'';position:absolute;width:3px;height:3px;background:#04140A;border-radius:50%;top:6px;}
.hero-sprite::before{left:5px;}
.hero-sprite::after{left:12px;}

/* ---------- stat strip ---------- */
.stat-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2rem;color:var(--ink);}

/* ---------- cards ---------- */
.panel-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;transition:all .3s ease;}
.panel-card:hover{border-color:rgba(61,220,114,.4);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,166,62,.12);}

.course-card{background:#050506;border:2px solid #16191d;border-radius:14px;overflow:hidden;transition:all .3s ease;position:relative;}
.course-card:hover{border-color:var(--green);transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,166,62,.22);}
.course-card .footer-bar{background:var(--green-light);color:#04140A;text-align:center;padding:.55rem;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}

/* ---------- research cards ---------- */
.research-card .num{font-family:'JetBrains Mono',monospace;color:var(--cyan);font-size:.72rem;letter-spacing:.08em;}
.research-quote{border-left:2px solid var(--green);padding-left:1rem;}

/* ================= MAZE GAME ================= */
#maze-section{position:relative;}
.maze-wrap{background:#050608;border:1px solid var(--line);border-radius:20px;}
.maze-grid{
  display:grid;
  gap:4px;
  background:#000;
  border-radius:12px;
  padding:6px;
  touch-action:manipulation;
}
.cell{
  aspect-ratio:1/1;
  background:#0D1013;
  border-radius:6px;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  background-image:
    linear-gradient(rgba(61,220,114,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,220,114,.05) 1px, transparent 1px);
  background-size:100% 100%;
}
.cell.wall{background:#1A1E23;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.cell.wall i{color:#3A4046;font-size:1rem;}
.cell.goal{background:radial-gradient(circle, rgba(255,176,32,.22), transparent 70%);}
.cell.goal i{color:var(--amber);font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(255,176,32,.7));}
.cell .player{
  width:68%;height:68%;border-radius:8px;
  background:linear-gradient(135deg,var(--green-light),var(--green));
  box-shadow:0 0 16px rgba(92,255,157,.65);
  transition:transform .38s cubic-bezier(.4,0,.2,1), left .38s cubic-bezier(.4,0,.2,1), top .38s cubic-bezier(.4,0,.2,1);
  position:absolute;
  display:flex;align-items:center;justify-content:center;
  z-index:5;
}
.cell .player .eye{position:absolute;width:12%;height:12%;background:#04140A;border-radius:50%;top:28%;}
.player-anchor{position:relative;width:100%;height:100%;}

.block-chip{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;font-weight:600;
  padding:.4rem .65rem;
  border-radius:8px;
  background:#14171B;
  border:1px solid var(--line);
  color:var(--ink);
  display:inline-flex;align-items:center;gap:.35rem;
  white-space:nowrap;
}
.block-chip.active-exec{border-color:var(--neon);box-shadow:0 0 12px rgba(92,255,157,.45);background:rgba(61,220,114,.12);}
.block-chip.fail{border-color:var(--danger);box-shadow:0 0 12px rgba(255,93,93,.45);}

.palette-btn{
  font-family:'JetBrains Mono',monospace;
  font-size:.78rem;font-weight:600;
  border-radius:10px;
  padding:.65rem .8rem;
  border:1px solid var(--line);
  background:#0E1013;
  color:var(--ink);
  transition:all .18s ease;
  display:flex;flex-direction:column;align-items:center;gap:.25rem;
}
.palette-btn:hover{border-color:var(--green-light);background:rgba(61,220,114,.08);transform:translateY(-2px);}
.palette-btn:active{transform:translateY(0) scale(.97);}
.palette-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;}
.palette-btn .ic{font-size:1.1rem;}

.shake{animation:shakeAnim .4s;}
@keyframes shakeAnim{
  10%,90%{transform:translateX(-2px);}
  20%,80%{transform:translateX(4px);}
  30%,50%,70%{transform:translateX(-8px);}
  40%,60%{transform:translateX(8px);}
}

#win-modal{position:fixed;inset:0;background:rgba(3,4,5,.86);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;}
#win-modal.hidden{display:none !important;}
.hidden{display:none !important;}
.confetti{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:fall linear forwards;}
@keyframes fall{to{transform:translateY(120vh) rotate(540deg);opacity:0;}}

/* toast */
#toast{position:fixed;bottom:100px;right:1.25rem;z-index:150;max-width:320px;transform:translateY(20px);opacity:0;transition:all .35s ease;pointer-events:none;}
#toast.show{transform:translateY(0);opacity:1;}

/* whatsapp float */
#wa-float{
  position:fixed;bottom:1.25rem;right:1.25rem;z-index:140;
  width:58px;height:58px;border-radius:50%;
  background:#1FBF5A;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(31,191,90,.5);
  animation:pulseWa 2.6s infinite;
}
@keyframes pulseWa{0%,100%{box-shadow:0 8px 24px rgba(31,191,90,.5);}50%{box-shadow:0 8px 34px rgba(31,191,90,.85);}}

@media (prefers-reduced-motion: reduce){
  .reveal{transition:none;opacity:1;transform:none;}
  #wa-float{animation:none;}
}