:root{
  --site-max-width: 1100px;
  --logo-scale: 1.5;
  --logo-base-width: 240px;
}
*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#222}
.site-header{display:flex;flex-direction:column;align-items:center;padding:24px;background:#f5f5f5}
.logo-wrapper{display:flex;align-items:center;justify-content:center;}
.logo{display:block;width:calc(var(--logo-base-width) * var(--logo-scale));height:auto;}
.main-nav{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 18px;text-decoration:none;border-radius:6px;background:#c9b037;color:#111;font-weight:600}
.content{max-width:var(--site-max-width);margin:40px auto;padding:0 16px}
.site-footer{text-align:center;padding:18px 0;background:#fafafa;color:#666}