*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,Arial,sans-serif;color:var(--fg,#eee);background:var(--bg,#111)}
a{color:#7fb7ff}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header{min-height:180px;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.site-header .shade{background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.0));width:100%;padding:16px}
.brand{font-weight:700;text-decoration:none;color:#fff}
.main-nav ul{display:flex;gap:12px;list-style:none;margin:8px 0 0 0;padding:0;justify-content:center}
.main-nav a{text-decoration:none;color:#ddd;padding:6px 8px;border-radius:6px}
.main-nav a:hover{background:#1a1a1a}
.site-footer{padding:24px 16px;opacity:.8;text-align:center}
.content img{max-width:100%;height:auto;display:block}
.form .form-row{display:flex;flex-direction:column;margin-bottom:10px}
.form input,.form textarea, .form select{padding:10px;border-radius:8px;border:1px solid #333;background:#0d0d0d;color:#eee}
.btn{display:inline-block;padding:8px 12px;border:1px solid #444;border-radius:8px;text-decoration:none;color:#eee;background:#1a1a1a}
.btn:hover{background:#222}
.events .event{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed #333}
.events .event .d{opacity:.8;min-width:90px}
@media (max-width:640px){.main-nav ul{flex-wrap:wrap;gap:8px}}