*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0a;font-family:'Segoe UI',Verdana,Geneva,Arial,Helvetica,sans-serif;color:#e0e0e0}
.site-wrap{max-width:1200px;margin:0 auto;padding:20px 16px 40px}
table{margin-left:auto;margin-right:auto}
.header{text-align:center;padding:20px 0 10px;border-bottom:2px solid #ff6600;margin-bottom:30px}
.header a{text-decoration:none;display:inline-block}
.header a:hover{text-decoration:none}
.logo{font-size:clamp(28px,8vw,52px);font-weight:800;letter-spacing:-0.5px;background:linear-gradient(135deg,#ff6600,#ffaa33);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 5px rgba(0,0,0,0.2);transition:opacity 0.2s;display:inline-block}
.logo:hover{opacity:0.85}
.tagline{font-size:14px;color:#ffaa66;margin-top:8px}
.nav-bar{text-align:center;margin:20px 0 25px;font-size:15px;font-weight:500}
.nav-bar a{color:#ff6600;text-decoration:none;margin:0 12px;transition:0.2s}
.nav-bar a:hover{color:#ffaa33;text-decoration:underline}
.page-title{text-align:center;font-size:28px;color:#ff6600;margin:20px 0 30px;font-weight:600}
.related-links{margin-top:50px;padding:20px;background:#0e0e0e;border-radius:16px;text-align:center}
.related-links h3{color:#ffaa66;margin-bottom:20px;font-size:20px}
.related-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.related-grid a{background:#1a1a1a;padding:8px 16px;border-radius:30px;font-size:13px;color:#ffaa66;text-decoration:none;transition:0.2s}
.related-grid a:hover{background:#ff6600;color:#0a0a0a}
.footer{text-align:center;margin-top:50px;padding-top:25px;border-top:1px solid #222;font-size:12px;color:#888}
.footer a{color:#ff6600;text-decoration:none}
.friendly-sites{margin-bottom:15px;font-size:13px}
@media (max-width:640px){.page-title{font-size:22px}.related-grid a{font-size:11px;padding:6px 12px}.nav-bar a{margin:0 8px;font-size:13px}table{width:100%}table img{max-width:100%;height:auto}}