* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #1a1a2e; color: #e0e0e0; font-family: Courier New, monospace; line-height: 1.7; }
.container { max-width: 900px; margin: 0 auto; padding: 20px; }
header { text-align: center; padding: 40px 20px ; border-bottom: 2px solid #f5a623 ; }
h1 { color:#f5a623 !important;font-size:2.5em !important;letter-spacing:3px !important;text-transform:uppercase !important; }
.subtitle { color:#7ec850;font-size:1.2em;margin-top:10px; }
nav { text-align:center;padding:15px;border-bottom:1px solid #333;margin-bottom:20px; }
nav a { color:#f5a623;text-decoration:none;padding:8px 16px;display:inline-block;border-radius:5px;margin-bottom:10px; }
a:hover { background:#f5a623;color:#000;text-decoration:none; }
h2 { color:#7ec850;font-size:1.8em;margin:25px 0 10px;border-bottom:1px solid #444;padding-bottom:10px; }
p { margin:10px 0;color:#ccc; }
.review { background:#0d1117;padding:20px;margin:15px;border-left:4px solid #f5a623;border-radius:8px; }
.stars { color:#f5a623;font-size:120%;letter-spacing:3px; }
.author { color:#888;font-size:90%;margin-top:10px; }
.threat { background:#0d1117;padding:20px;margin:15px;border-left:4px solid #ff4444;border-radius:8px; }
.medal { background:#0d1117;padding:20px;margin:15px;border-left:4px solid #f5a623;border-radius:8px; }
.medal-num { color:#f5a623;font-size:24px;font-weight:bold; }
.footer { text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #444;color:#888;font-size:85%; }