:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172033; background: #f5f7fb; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(92vw, 460px); padding: 2rem; background: white; border-radius: 16px; box-shadow: 0 10px 30px #17203318; }
h1 { margin-top: 0; } p { line-height: 1.5; } label { display: block; margin-top: 1rem; font-weight: 600; }
input, textarea, select { box-sizing: border-box; width: 100%; margin-top: .4rem; padding: .75rem; border: 1px solid #cbd3e1; border-radius: 8px; font: inherit; }
textarea { resize: vertical; } fieldset { margin-top: 1rem; border: 1px solid #dce2ed; border-radius: 10px; } fieldset label { font-weight: 400; } input[type=radio] { width: auto; margin-right: .35rem; }
button, .button { display: inline-block; margin-top: 1.25rem; padding: .75rem 1rem; border: 0; border-radius: 8px; background: #4255d4; color: white; font: inherit; text-decoration: none; cursor: pointer; }
.muted { color: #5e6a7e; font-size: .95rem; } .error { color: #a02020; background: #fff0f0; padding: .75rem; border-radius: 8px; }
.success { color: #17633b; background: #effaf3; padding: .75rem; border-radius: 8px; } nav { display: flex; gap: 1rem; flex-wrap: wrap; }