:root { font-family: system-ui, sans-serif; color: #17211b; background: #f4f7f5; }
body { margin: 0; }
nav { display: flex; gap: 1rem; padding: 1rem 2rem; background: #173f2b; }
nav a { color: white; text-decoration: none; }
main { max-width: 800px; margin: 2rem auto; padding: 2rem; background: white; border-radius: 12px; }
form { display: flex; gap: 1rem; align-items: end; margin-bottom: 2rem; }
label { display: grid; gap: .4rem; flex: 1; }
input, button, .button { padding: .7rem; border-radius: 6px; border: 1px solid #94a39a; }
button, .button { color: white; background: #276749; cursor: pointer; text-decoration: none; }
dt { font-weight: 700; } dd { margin-bottom: 1rem; }
.welcome-page { min-height: 100vh; display: grid; place-items: center; margin: 0; background: #f4f7f5; }
.welcome-page h1 { margin: 0; font-size: clamp(2rem, 6vw, 4rem); }