*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{margin:0;color:#222;background:#f5f7fa}
.container{max-width:1000px;margin:0 auto;padding:20px}
.site-header{background:#0b2f47;color:#fff;padding:12px 0}
.logo a{color:#fff;text-decoration:none;font-size:1.4rem}
.site-nav{display:flex;gap:12px}
.site-nav a{color:#cfe8ff;text-decoration:none}
.hero{background:#fff;padding:40px;margin:20px 0;border-radius:8px;text-align:center}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.columns article{background:#fff;padding:18px;border-radius:8px}
.btn{display:inline-block;padding:8px 12px;background:#0b6ea8;color:#fff;border-radius:6px;text-decoration:none;border:none;cursor:pointer}
.market-section{background:#fff;padding:12px;margin:12px 0;border-radius:8px}
.items{display:flex;gap:12px;flex-wrap:wrap}
.item{border:1px solid #e0e6ee;padding:12px;border-radius:6px;width:180px}
.site-footer{background:#0b2f47;color:#fff;margin-top:24px;padding:12px}
.staff-list{list-style:none;padding:0}
@media(max-width:800px){.columns{grid-template-columns:1fr}.site-nav{flex-wrap:wrap}}