@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
:root{--yellow:#FAFF00;--black:#000;--white:#fff;--gray:#888}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Space Mono','Courier New',monospace;color:var(--black);background:var(--white);line-height:1.6;font-size:15px}
a{color:var(--black);text-decoration:underline;text-underline-offset:3px}a:hover{background:var(--yellow)}
img{max-width:100%;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{background:var(--black);color:var(--white);border-bottom:6px solid var(--yellow)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1100px;margin:0 auto}
.logo{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:var(--white);text-decoration:none}
.logo:hover{background:none}
.logo span{color:var(--yellow)}
nav ul{list-style:none;display:flex;gap:20px}
nav a{color:var(--yellow);text-transform:uppercase;font-size:.75rem;letter-spacing:2px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent}
nav a:hover,nav a.active{border-bottom-color:var(--yellow);background:none}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px}
.menu-toggle span{display:block;width:24px;height:3px;background:var(--yellow);margin:5px 0}
.hero{padding:80px 20px 60px;border-bottom:8px solid var(--black);max-width:1100px;margin:0 auto}
.hero h1{font-size:3.5rem;font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:-2px}
.hero p{font-size:1rem;margin-top:20px;max-width:550px;border-left:5px solid var(--black);padding-left:15px;color:#444}
.btn{display:inline-block;background:var(--black);color:var(--yellow);padding:12px 28px;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:.8rem;text-decoration:none;margin-top:20px;border:3px solid var(--black)}
.btn:hover{background:var(--yellow);color:var(--black)}
section{padding:40px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto}
.block{padding:35px 25px;border:3px solid var(--black)}
.block:nth-child(odd){background:var(--yellow)}
.block h2,.block h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.block p{font-size:.88rem;line-height:1.7}
.page-header{background:var(--black);color:var(--yellow);padding:40px 20px;text-transform:uppercase;letter-spacing:3px}
.page-header h1{font-size:2rem;max-width:1100px;margin:0 auto}
.content{max-width:800px;margin:0 auto;padding:40px 20px}
.content h2{font-size:1.4rem;text-transform:uppercase;margin:30px 0 10px;border-bottom:3px solid var(--black);padding-bottom:5px}
.content p{margin-bottom:15px}
.content ul,.content ol{margin:10px 0 15px 25px}
.posts-list{max-width:1100px;margin:0 auto;padding:20px}
.post-card{border:3px solid var(--black);margin-bottom:15px;display:grid;grid-template-columns:auto 1fr}
.post-card .date{background:var(--black);color:var(--yellow);padding:15px;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-lr;text-orientation:mixed}
.post-card .post-body{padding:20px}
.post-card h3{text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.post-card p{font-size:.85rem;color:#555}
footer{background:var(--black);color:var(--white);padding:15px 20px;font-size:.7rem;text-transform:uppercase;letter-spacing:3px;text-align:center}
footer a{color:var(--yellow)}
@media(max-width:768px){.menu-toggle{display:block}nav ul{display:none;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:var(--black);padding:15px;z-index:50}nav ul.open{display:flex}.hero h1{font-size:2.2rem}.grid{grid-template-columns:1fr}}