body {
  font-family: 'Segoe UI', ui-sans-serif, system-ui, -apple-system, Roboto, Helvetica, Arial;
  margin: 0; padding: 0;
  background-color: #F9FAFB; color: #1E2A38;
}
header, footer { background-color: white; border-bottom: 1px solid #D8E2DC; padding: 1em 2em; }
h1, h2 { color: #0E1723; }
a { color: #3ED598; text-decoration: none; }
.container { max-width: 960px; margin: auto; padding: 2em; background-color: white; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
nav a { margin-right: 1em; }
button, .btn { background-color: #3ED598; color: white; padding: 0.7em 1.2em; border: none; border-radius: 8px; cursor: pointer; font-weight: 700; }
footer { text-align: center; padding: 2em; font-size: 0.9em; color: #4b5b6a; border-top: 1px solid #D8E2DC; }
.notice { background: #FFF8E6; border: 1px solid #FFE1A6; padding: 12px 14px; border-radius: 10px; }
.small { opacity: .8; font-size: .95em; }
ul.inline { list-style: none; padding: 0; display: flex; gap: 12px; flex-wrap: wrap; }
.card { background: #fff; border: 1px solid #D8E2DC; border-radius: 12px; padding: 16px; }