*{box-sizing:border-box}body{margin:0;background:#101014;color:#eee;font-family:Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;max-width:1240px;margin:auto}header strong{font-size:20px}nav{display:flex;gap:6px;flex-wrap:wrap}nav a{color:#ddd;text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}nav a[aria-current=page]{background:#f2ce78;color:#19150b}nav a:hover{background:#383838}a:focus-visible{outline:3px solid #fff;outline-offset:3px}main{max-width:1200px;margin:auto}main img{display:block;width:100%;height:auto}footer{text-align:center;color:#aaa;padding:24px 16px;font-size:12px}@media(max-width:380px){header{padding:12px;gap:8px}nav{gap:2px}nav a{padding:8px}}