*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Roboto Mono',monospace;line-height:1.6;font-size:16px;background:#000}
body{color:#00f0ff;background:#111;overflow-x:hidden;padding:0}
.container{margin:0 auto;padding:0 1rem;max-width:1200px}
.site-header{background:#000;color:#00f0ff;padding:1rem 0;border-bottom:1px solid #333;position:relative}
.logo{font-size:1.4rem;font-weight:400;margin:0 auto;display:flex;justify-content:center;font-family:'Courier New',monospace}
.content{padding:1.5rem;min-height:60vh;margin:0 auto;max-width:100%;width:100%;background:#0a0a0a;border:1px solid #222}
.content p{margin-bottom:1rem;font-size:1rem;line-height:1.7}
.content img{max-width:100%;height:auto;margin:1rem auto;display:block;filter:grayscale(100%) brightness(80%)}
.site-footer{background:#000;color:#00f0ff;padding:2rem 0;display:flex;justify-content:center;border-top:1px solid #333}
.links{margin-bottom:1rem;font-weight:400;display:flex;gap:1.5rem}
.links a{margin:0;text-decoration:none;color:#00f0ff;font-size:0.9rem;position:relative}
.links a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:#00f0ff;transition:width 0.3s}
.links a:hover:after{width:100%}
.copyright{opacity:0.7;font-size:0.8rem}
@media (max-width:768px){html{font-size:14px}
.container{padding:0 1rem}
.logo{font-size:1.2rem}
.links{gap:1rem}
}