@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Roboto:wght@300;400;500;700&display=swap');
:root{--navy:#020027;--naranja:#FF3601;--texto:#252323}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto',sans-serif;font-weight:300;color:var(--texto);line-height:1.7;background:#fff}
header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.header-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:12px 20px 0}
.logo{display:block;max-width:90%}
.logo img{width:auto;height:auto;max-width:100%;max-height:64px;display:block}
nav ul{display:flex;gap:24px;list-style:none;justify-content:center;padding:12px 0}
nav a{font-family:'DM Mono',monospace;font-weight:500;color:var(--texto);font-size:.9rem;text-decoration:none}
nav a:hover{color:var(--naranja)}
@media(max-width:860px){nav{display:none}}
main{max-width:860px;margin:0 auto;padding:50px 20px}
h1{font-family:'DM Mono',monospace;font-weight:500;color:var(--texto);margin-bottom:30px;font-size:2rem}
h2{font-family:'DM Mono',monospace;font-weight:500;margin:34px 0 12px;font-size:1.3rem}
p,li{margin-bottom:12px;color:#444}
ul{padding-left:24px;margin-bottom:16px}
a{color:var(--naranja)}
strong{font-weight:700}
footer{background:var(--navy);color:#fff;text-align:center;padding:24px 20px;font-size:.85rem;margin-top:60px}
footer a{color:#fff}