/* Layout only: no theme, accent colours, shadows, or decoration. */
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; }
.container { max-width: 1100px; margin: 0 auto; padding: 20px; }
.site-header, .site-header nav, .site-footer {
    display: flex; justify-content: space-between; align-items: center; gap: 20px;
}
.site-header nav { flex-wrap: wrap; }
a { color: inherit; }
.hero { text-align: center; padding: 70px 0; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 30px 0; }
.stat { border: 1px solid; padding: 20px; text-align: center; }
.content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 40px 0; }
.site-footer { margin-top: 40px; padding: 20px 0; }
.inline-form { display: inline; margin: 0; }
.inline-form button { font: inherit; cursor: pointer; }
.account-form { max-width: 420px; display: flex; flex-direction: column; gap: 10px; margin: 24px 0; }
.account-form input { padding: 8px; width: 100%; }
.account-form button { align-self: flex-start; padding: 8px 15px; }
@media (max-width: 650px) {
    .site-header, .site-footer { flex-direction: column; align-items: flex-start; }
    .stats, .content { grid-template-columns: 1fr; }
}