:root {
  --bg: #f8f9f6; --surface: #eef1ec; --text: #1c2421; --muted: #4d5a54; --border: #d9dfd6;
  --accent: #2f5d50; --on-accent: #ffffff; --focus: #2f5d50;
  --nav-bg: rgba(248,249,246,0.82); --menu-bg: rgba(248,249,246,0.97);
}
.split { display: grid; gap: var(--s-400); align-items: start; }
@media (min-width: 1024px) { .split { grid-template-columns: 1fr 1fr; gap: var(--s-700); } }
.portrait { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-3xl); min-height: 280px; display: grid; place-items: center; text-align: center; padding: var(--s-300); color: var(--muted); }
.list { display: grid; gap: var(--s-100); }
.list li { display: flex; gap: var(--s-100); align-items: flex-start; }
.list .i { color: var(--accent); margin-top: var(--s-25); }
.notice { border: 1px solid var(--border); border-radius: var(--r-2xl); padding: var(--s-200); display: flex; gap: var(--s-100); background: var(--bg); }
.form-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-3xl); padding: var(--s-300); }
@media (min-width: 768px) { .form-card { padding: var(--s-500); } }