:root { --gold: #d4af37; --black: #050505; --dark-grey: #111; --border: #222; --text: #e0e0e0; --bg-card: #151515; }
body { background: var(--black); color: var(--text); font-family: 'Inter', -apple-system, sans-serif; margin: 0; line-height: 1.8; }
header { background: #000; border-bottom: 4px solid var(--gold); padding: 50px 0; text-align: center; }
header h1 { color: var(--gold); font-size: 3.5rem; text-transform: uppercase; letter-spacing: 5px; margin: 0; font-weight: 900; }
header p { color: #888; text-transform: uppercase; letter-spacing: 3px; font-size: 0.9rem; margin-top: 10px; }
nav { background: var(--dark-grey); padding: 15px 0; border-bottom: 1px solid var(--border); text-align: center; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.5); }
nav a { color: #fff; text-decoration: none; margin: 0 20px; font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1.5px; transition: 0.3s; }
nav a:hover { color: var(--gold); }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 320px; gap: 40px; }
main { padding: 40px 0; }
.chief-intro { background: linear-gradient(145deg, #1a1a1a, #0a0a0a); border: 1px solid var(--border); padding: 30px; border-radius: 4px; margin-bottom: 40px; border-left: 8px solid var(--gold); }
.card { background: var(--bg-card); border: 1px solid var(--border); margin-bottom: 50px; border-radius: 4px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.card-img { width: 100%; height: 400px; object-fit: cover; border-bottom: 3px solid var(--gold); }
.card-body { padding: 45px; }
.card-body h1 { font-size: 2.8rem; line-height: 1.1; margin-bottom: 20px; color: #fff; }
.card-body h2 a { color: #fff; text-decoration: none; font-size: 2.2rem; transition: 0.3s; }
.card-body h2 a:hover { color: var(--gold); }
.meta { font-size: 0.85rem; color: var(--gold); text-transform: uppercase; margin-bottom: 20px; font-weight: 900; letter-spacing: 1px; border-bottom: 1px solid #333; padding-bottom: 10px; display: inline-block; }
.article-content { font-size: 1.2rem; color: #ccc; }
.article-content h3 { color: var(--gold); font-size: 1.6rem; margin: 45px 0 20px; text-transform: uppercase; border-left: 4px solid var(--gold); padding-left: 15px; }
.article-content p { margin-bottom: 25px; }
.btn { background: var(--gold); color: #000; padding: 12px 25px; text-decoration: none; font-weight: 900; font-size: 0.85rem; display: inline-block; border-radius: 2px; text-transform: uppercase; border: 1px solid var(--gold); transition: 0.3s; }
.btn:hover { background: #000; color: var(--gold); }
aside { padding-top: 40px; }
.side-item { background: var(--dark-grey); border: 1px solid var(--border); padding: 25px; margin-bottom: 25px; border-radius: 4px; }
.side-item h3 { color: var(--gold); text-transform: uppercase; font-size: 0.9rem; margin-top: 0; }
footer { background: #000; color: #555; text-align: center; padding: 60px 0; border-top: 1px solid var(--border); font-size: 0.85rem; }
@media (max-width: 900px) { .container { grid-template-columns: 1fr; } .card-img { height: 250px; } }