body { font-family: Arial, Helvetica, sans-serif; margin:0; background:#f7f9fc; color:#222; }
.navbar { display:flex; justify-content:space-between; padding:12px 20px; background:#0b3b5f; color:white; align-items:center;}
.navbar a { color: white; margin-left:12px; text-decoration:none; }
.brand { font-weight:bold; font-size:1.1rem; }
.hero { padding:40px 20px; text-align:center; background:linear-gradient(90deg,#eaf6ff,#fff);}
.gallery { display:flex; flex-wrap:wrap; gap:12px; padding:20px; justify-content:center;}
.photo { width:220px; border-radius:8px; overflow:hidden; background:white; box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.photo img { width:100%; height:150px; object-fit:cover; display:block; }
.caption { padding:10px; font-size:0.9rem; }
.foot { padding:16px; text-align:center; font-size:0.85rem; color:#666; }
.main, .whoami, .ssrf { padding:20px; }
.error { color:#8b0000; margin-top:10px; }
.fetched { background:#111; color:#0f0; padding:10px; border-radius:4px; overflow:auto; max-height:400px; white-space:pre-wrap; }
.hint { background:#fffbe6; padding:10px; margin-top:10px; border-left:4px solid #ffcc00; }