* { box-sizing:border-box; }
body { margin:0; background:#0a0f1a; color:#d8e2f0; font:14px/1.6 'Segoe UI',sans-serif; }
.topbar { background:#0d1420; border-bottom:2px solid #8a7033; padding:8px 24px; font-size:11px; text-transform:uppercase; letter-spacing:2px; color:#c9a84c; }
.wrap { max-width:800px; margin:0 auto; padding:24px; }
h1 { margin:0 0 4px; }
h2 { margin:0 0 12px; font-size:16px; }
.card { background:#0f1628; border:1px solid #1a2744; border-left:3px solid #8a7033; padding:20px; border-radius:4px; margin:20px 0; }
.muted { color:#6b7fa0; font-size:13px; }
.search-row { display:flex; gap:8px; }
input { flex:1; padding:10px; border-radius:4px; border:1px solid #1a2744; background:#0a0f1a; color:#d8e2f0; font-family:monospace; }
input:focus { border-color:#8a7033; outline:none; }
button { padding:10px 18px; border-radius:4px; border:1px solid #8a7033; background:rgba(201,168,76,.1); color:#c9a84c; font-weight:600; cursor:pointer; }
.row { padding:8px; border:1px solid #1a2744; border-radius:4px; margin-top:4px; font-size:13px; }
.row b { color:#8a7033; font-family:monospace; }
footer { text-align:center; margin-top:30px; padding-top:16px; border-top:1px solid #1a2744; }