*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#14161a;color:#e7e3d9;line-height:1.55}
a{color:#e2b866}header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #2a2e35;background:#0f1115}
.logo{font-weight:800;font-size:1.3rem;text-decoration:none;color:#e7e3d9;letter-spacing:.5px}.logo span{color:#e2b866}nav a{margin-left:18px;text-decoration:none;color:#c9c4b8}
main{max-width:960px;margin:0 auto;padding:24px}.hero h1{font-size:2rem;margin:.2em 0}.hero p{color:#b5b0a5;max-width:680px}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:20px 0 6px}input,select,button{background:#1d2026;border:1px solid #343a43;color:#e7e3d9;padding:10px;border-radius:8px;font-size:.95rem}
button{background:#e2b866;color:#14161a;font-weight:700;border:0;cursor:pointer}
.card{display:block;background:#1b1e23;border:1px solid #2a2e35;border-radius:10px;padding:14px 16px;margin:10px 0;text-decoration:none;color:inherit}.card:hover{border-color:#e2b866}
.card h2{font-size:1.05rem;margin:0 0 4px;color:#f1ede3}.card p{margin:6px 0 0;color:#a9a497;font-size:.92rem}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.75rem;padding:2px 8px;border-radius:99px;background:#262a31;color:#c9c4b8}
.sev{background:#3a2323;color:#f0a8a0}.st{background:#1f3326;color:#9fdcae}
.small{font-size:.85rem;color:#8d887d}.ph{background:#3a3320;color:#e2cf8f;padding:1px 6px;border-radius:4px;font-size:.85rem}
.aff{margin:24px 0;padding:12px;border:1px dashed #4a4330;border-radius:8px;font-size:.9rem}
.modnote{background:#23283a;padding:10px;border-radius:8px}.tip{color:#9fdcae}
.news{max-width:960px;margin:20px auto;padding:20px 24px;background:#1b1e23;border-radius:12px}.news form{display:flex;gap:8px}.news input{flex:1}
footer{max-width:960px;margin:0 auto;padding:10px 24px 40px}.disc{font-size:.8rem;color:#7d786e}
@media(max-width:700px){.filters{grid-template-columns:1fr}}