/* =====================================================
   Código Fonte — skin "Matrix" (somente landing page)
   Carregado DEPOIS de style.css, escopado em body.landing.
   Fósforo verde sobre preto, monoespaçado, CRT.
   ===================================================== */

body.landing{
  /* reskin por tokens: tudo que usa var() muda junto */
  --bg:#010401;
  --bg2:#020803;
  --panel:#03130a;
  --panel2:#052012;
  --line:rgba(0,255,65,.22);
  --gold:#00e653;          /* verde-fósforo assume o papel do dourado */
  --gold-soft:#8dffab;
  --violet:#00b36b;        /* acentos secundários viram verdes-mar */
  --rose:#5cff8f;
  --txt:#c8ffd4;
  --muted:#4e9e63;
  --err:#ff5c5c;
  --serif:var(--mono);     /* Matrix não tem serifa: display vira mono */

  background:#010401;
  color:var(--txt);
  font-family:var(--mono);
  text-shadow:0 0 6px rgba(0,255,65,.12);
}
body.landing ::selection{background:rgba(0,230,83,.35);color:#eafff0}

/* scanlines de CRT por cima de tudo */
body.landing::after{
  content:"";position:fixed;inset:0;z-index:3;pointer-events:none;
  background:repeating-linear-gradient(
    to bottom, transparent 0 3px, rgba(0,0,0,.05) 3px 4px);
  mix-blend-mode:multiply;
}

/* chuva digital atrás do conteúdo */
#rain{
  position:fixed;inset:0;z-index:0;opacity:.33;pointer-events:none;
}
body.landing .land-hero,
body.landing .wrap{position:relative;z-index:1}

/* ---------- hero ---------- */
body.landing .land-hero{
  border-bottom:1px solid var(--line);
  background:radial-gradient(700px 420px at 50% -10%, rgba(0,255,65,.07), transparent 65%);
}
body.landing .sigil{
  color:var(--gold);border-color:var(--line);
  background:rgba(0,230,83,.05);
  box-shadow:0 0 0 8px rgba(0,230,83,.04), 0 0 40px rgba(0,230,83,.15) inset;
}
body.landing .land-h1{
  color:#eafff0;letter-spacing:-.01em;
  text-shadow:0 0 18px rgba(0,255,65,.35), 0 0 60px rgba(0,255,65,.15);
}
body.landing .land-h1 em{font-style:normal;color:var(--gold)}
body.landing .land-sub strong{color:#eafff0}

/* ---------- botões / abas / formulários ---------- */
body.landing .btn{
  color:#010401;
  background:linear-gradient(150deg,#8dffab,#00e653);
  box-shadow:0 0 24px rgba(0,230,83,.35);
  text-shadow:none;
}
body.landing .btn.ghost{
  background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none;
}
body.landing .tabs button.on{
  background:rgba(0,230,83,.1);color:var(--gold-soft);border-color:var(--gold);
}
body.landing .card{
  background:linear-gradient(165deg,rgba(3,19,10,.9),rgba(1,8,4,.9));
  border-color:var(--line);
}
body.landing input{
  background:rgba(0,8,3,.8);border-color:var(--line);
  color:#c8ffd4;font-family:var(--mono);
}
body.landing input:focus{border-color:var(--gold);box-shadow:0 0 12px rgba(0,230,83,.25)}
body.landing input::placeholder{color:#2f6b41}
body.landing .msg.dev{
  background:rgba(0,230,83,.07);border-color:var(--gold);color:var(--gold-soft);
}
body.landing .msg.err{
  background:rgba(255,92,92,.08);border-color:rgba(255,92,92,.4);color:var(--err);
}

/* ---------- terminal ---------- */
body.landing .term{
  background:rgba(0,5,2,.92);border-color:var(--line);
  box-shadow:0 18px 60px rgba(0,0,0,.6), 0 0 40px rgba(0,230,83,.06) inset;
}
body.landing .term-bar{background:rgba(0,20,8,.8);border-bottom-color:rgba(0,255,65,.1)}
body.landing .term-bar i{background:rgba(0,255,65,.18)}
body.landing .term-bar i:first-child{background:rgba(255,92,92,.6)}   /* a pílula vermelha */
body.landing .term-bar i:nth-child(2){background:rgba(141,255,171,.5)}
body.landing .term-bar i:nth-child(3){background:rgba(0,230,83,.6)}
body.landing .term-body{color:#9df5b0}
body.landing .term-body b{color:#eafff0}
body.landing .cursor{color:var(--gold)}

/* ---------- anagrama ---------- */
body.landing .ana-palavra{
  color:var(--gold);
  text-shadow:0 0 30px rgba(0,255,65,.6), 0 0 90px rgba(0,255,65,.25);
}
body.landing .ana-legenda span.on{color:var(--gold-soft)}
body.landing .land-quote{color:#9df5b0}

/* ---------- passos / cards ---------- */
body.landing .passo,
body.landing .rev-card{
  background:linear-gradient(165deg,rgba(3,19,10,.85),rgba(1,8,4,.85));
  border-color:var(--line);
}
body.landing .passo-n{
  color:#010401;background:linear-gradient(150deg,#8dffab,#00e653);
}
body.landing .passo h3{color:var(--gold-soft)}
body.landing .passo p{color:#7fce96}
body.landing .rev-card:hover{
  border-color:rgba(0,255,65,.55);
  box-shadow:0 0 24px rgba(0,230,83,.12);
}
body.landing .rev-mono{color:#39d977}
body.landing .rev-card h3{color:#eafff0}
body.landing .land-texto em{color:#8dffab}
body.landing .land-texto strong{color:#eafff0}

/* flicker sutil no h1, desligado para quem prefere sem movimento */
@keyframes cf-flicker{
  0%,100%{opacity:1} 96%{opacity:1} 97%{opacity:.86} 98%{opacity:1} 99%{opacity:.93}
}
body.landing .land-h1{animation:cf-flicker 7s infinite}
@media(prefers-reduced-motion:reduce){
  body.landing .land-h1{animation:none}
}