*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Share Tech Mono',monospace;line-height:1.5;font-size:16px}
body{color:#bbb;background-color:#222;overflow-x:hidden;padding:0;background-image:linear-gradient(#222 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:20px 20px}
.container{margin:0 auto;padding:0 1.5rem;max-width:1200px}
.site-header{background-color:#111;color:#ff5722;padding:1.5rem 0;border-bottom:3px solid #ff5722}
.logo{font-size:2.5rem;font-weight:400;margin:0 auto;display:flex;justify-content:center;letter-spacing:2px;text-shadow:0 0 5px rgba(255,87,39,.5)}
.content{padding:2rem;min-height:70vh;margin:2rem auto;background:#333;border:1px solid #444;box-shadow:0 0 0 1px #ff5722 inset,0 0 20px rgba(0,0,0,.5)}
.content p{margin-bottom:1.5rem;font-size:1.1rem;color:#bbb;line-height:1.6}
.content img{max-width:100%;height:auto;margin:2rem auto;display:block;border:1px solid #444;filter:grayscale(50%) contrast(120%);transition:all .4s ease}
.content img:hover{filter:grayscale(0%) contrast(130%);border-color:#ff5722}
.site-footer{background-color:#111;color:#ff5722;padding:2rem 0;display:flex;justify-content:center;border-top:3px solid #ff5722}
.links{margin-bottom:1.5rem;font-weight:400;display:flex;gap:1.5rem}
.links a{margin:0;text-decoration:none;color:#ff5722;font-size:1rem;letter-spacing:1px;transition:all .3s ease}
.links a:hover{color:#fff;text-shadow:0 0 5px #ff5722}
.copyright{opacity:.7;font-size:.8rem;letter-spacing:1px}