:root{--or:#e8b45a;--verd:#4ade80;--fons:#12121a;--card:#1a1a26;--text:#e9e4d8;--muted:#9a948a}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--fons);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.7}
nav{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.2rem 2rem;border-bottom:1px solid rgba(232,180,90,.25);align-items:center}
nav a{color:var(--muted);text-decoration:none;font-size:.95rem}
nav a:hover,nav a.actiu{color:var(--or)}
nav .logo{color:var(--or);font-size:1.2rem;margin-right:auto;font-style:italic}
main{max-width:720px;margin:0 auto;padding:3rem 1.5rem}
h1{color:var(--or);font-weight:normal;font-size:2.2rem;margin-bottom:.4rem}
.sub{color:var(--muted);font-style:italic;margin-bottom:2.5rem}
h2{color:var(--or);font-weight:normal;font-size:1.4rem;margin:2.2rem 0 .8rem}
p{margin-bottom:1.1rem}
.card{background:var(--card);border:1px solid rgba(232,180,90,.2);border-radius:10px;padding:1.5rem;margin:1rem 0}
.terminal{background:#0a0a0f;border-left:3px solid var(--verd);border-radius:8px;padding:1rem 1.2rem;font-family:'Courier New',monospace;font-size:.9rem;color:var(--verd);margin:1.5rem 0;overflow-x:auto}
.meta{color:var(--muted);font-size:.85rem}
footer{margin-top:4rem;padding:2rem;border-top:1px solid rgba(232,180,90,.2);color:#6b665e;font-size:.8rem;font-family:monospace;text-align:center}
a{color:var(--or)}