:root { --fondo:#0b0d10; --papel:#14171c; --linea:#262b33; --tinta:#eef1f5; --suave:#9aa3ad; --lima:#c6ff3d; }
* { box-sizing:border-box }
body { margin:0; background:var(--fondo); color:var(--tinta); font:17px/1.55 -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; }
main { max-width:680px; margin:0 auto; padding:40px 20px 80px }
header { display:flex; align-items:center; gap:12px; margin-bottom:28px }
.marca { width:36px; height:36px; flex:none; filter:drop-shadow(0 0 5px rgba(198,255,61,.6)) }
header b { font-size:20px; letter-spacing:.02em }
header a { color:var(--suave); text-decoration:none; margin-left:auto; font-size:15px }
h1 { font-size:30px; line-height:1.2; margin:0 0 6px }
h2 { font-size:20px; margin:34px 0 8px; color:var(--lima) }
p, li { color:var(--tinta) }
.fecha, small { color:var(--suave) }
a { color:var(--lima) }
section.caja { background:var(--papel); border:1px solid var(--linea); border-radius:16px; padding:18px 20px; margin:18px 0 }
dt { font-weight:600; margin-top:14px } dd { margin:4px 0 0; color:var(--suave) }
footer { margin-top:48px; color:var(--suave); font-size:14px; border-top:1px solid var(--linea); padding-top:16px }