:root{
  --noite:#1a0b2e;
  --roxo:#2d1457;
  --magenta:#ff2e97;
  --ciano:#00e5ff;
  --amarelo:#ffd23f;
  --texto:#f4eaff;
}
html{scroll-behavior:smooth}
body{background:var(--noite);color:var(--texto);font-family:'VT323',monospace;font-size:1.35rem;line-height:1.35}
h1,h2,h3{font-family:'Orbitron',sans-serif}
a{color:var(--ciano)}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}

/* Navbar */
.nav80{background:rgba(26,11,46,.95);border-bottom:3px solid var(--magenta);box-shadow:0 0 20px var(--magenta)}
.logo80{font-family:'Monoton',cursive;font-size:1.8rem;color:var(--ciano)!important;text-shadow:0 0 10px var(--ciano)}
.nav-link{font-size:1.4rem;color:var(--texto)!important}
.nav-link:hover{color:var(--amarelo)!important;text-shadow:0 0 8px var(--amarelo)}

/* Hero */
.hero80{position:relative;overflow:hidden;padding:5rem 0 11rem;
  background:linear-gradient(180deg,#12062a 0%,#4b1370 45%,#ff2e97 85%,#ffd23f 100%)}
.sol80{position:absolute;left:50%;bottom:5rem;width:320px;height:320px;transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,var(--amarelo),var(--magenta));opacity:.9;
  -webkit-mask:repeating-linear-gradient(180deg,#000 0 22px,transparent 22px 28px);
          mask:repeating-linear-gradient(180deg,#000 0 22px,transparent 22px 28px)}
.grid80{position:absolute;left:0;right:0;bottom:0;height:7rem;background-color:#14052b;
  background-image:linear-gradient(var(--ciano) 2px,transparent 2px),linear-gradient(90deg,var(--ciano) 2px,transparent 2px);
  background-size:60px 28px;border-top:3px solid var(--ciano);box-shadow:0 -4px 20px var(--ciano)}
.hero-sub{font-size:1.6rem;color:var(--amarelo);letter-spacing:.2em;animation:piscar 1.2s steps(2) infinite}
.hero-title{font-size:clamp(2rem,6vw,4.2rem);font-weight:800;color:#fff;margin:.5rem 0 1rem;
  text-shadow:4px 4px 0 var(--magenta),8px 8px 0 var(--roxo)}
.hero-text{max-width:36rem;margin:0 auto 2rem;font-size:1.6rem}
@keyframes piscar{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hero-sub{animation:none}html{scroll-behavior:auto}}

/* Botoes */
.btn-neon{font-family:'Orbitron',sans-serif;font-weight:800;color:#fff;background:var(--noite);
  border:3px solid var(--magenta);border-radius:0;padding:.7rem 1.6rem;box-shadow:0 0 14px var(--magenta),inset 0 0 10px var(--magenta)}
.btn-neon:hover{background:var(--magenta);color:#fff}
.btn-neon-cyan{border-color:var(--ciano);box-shadow:0 0 14px var(--ciano),inset 0 0 10px var(--ciano)}
.btn-neon-cyan:hover{background:var(--ciano);color:var(--noite)}

/* Secoes */
.secao{padding:4.5rem 0}
.secao-alt{background:var(--roxo)}
.titulo-secao{font-size:2.2rem;font-weight:800;color:var(--magenta);margin-bottom:2.5rem;
  text-shadow:0 0 12px var(--magenta)}
.titulo-cyan{color:var(--ciano);text-shadow:0 0 12px var(--ciano)}
.sobre-texto{max-width:40rem;font-size:1.5rem}

/* Cards */
.card80{background:var(--noite);color:var(--texto);border:3px solid var(--magenta);border-radius:0;
  box-shadow:6px 6px 0 var(--magenta)}
.card-cyan{border-color:var(--ciano);box-shadow:6px 6px 0 var(--ciano)}
.card80 .card-title{font-size:1.1rem;font-weight:800;color:var(--amarelo)}
.card80 .card-text{font-size:1.3rem}
.poster{height:180px;display:flex;align-items:flex-end;justify-content:flex-end;padding:.6rem;border-bottom:3px solid inherit}
.poster span{font-family:'Orbitron',sans-serif;font-weight:800;background:var(--noite);color:var(--amarelo);padding:.1rem .6rem;border:2px solid var(--amarelo)}
.p1{background:linear-gradient(135deg,#ff6a00,#ff2e97 60%,#2d1457)}
.p2{background:linear-gradient(160deg,#00e5ff,#1a0b2e 60%,#ff2e97)}
.p3{background:repeating-linear-gradient(45deg,#00ff85 0 14px,#1a0b2e 14px 28px)}
.p4{background:linear-gradient(180deg,#000 0%,#0a3cff 100%);box-shadow:inset 0 0 0 6px #00e5ff}
.p5{background:radial-gradient(circle at 50% 40%,#ff1e1e 0 28%,#1a0b2e 29% 100%)}
.p6{background:linear-gradient(180deg,#ffd23f,#ff7a00)}
.p7{background:linear-gradient(135deg,#ffd23f 0%,#00e5ff 50%,#2d1457 100%)}
.p8{background:linear-gradient(180deg,#00e5ff,#00ff85 70%,#1a0b2e)}

/* Rodape */
.rodape{background:#0d0420;border-top:3px solid var(--ciano);padding:2rem 0;color:var(--ciano);font-size:1.4rem}