:root { font-family: system-ui, sans-serif; color: #172033; background: #f6f8fc; } body { margin: 0; } main { box-sizing: border-box; max-width: 42rem; margin: 8vh auto; padding: 2rem; background: white; border-radius: .75rem; box-shadow: 0 4px 20px #17203318; } h1 { margin-top: 0; } label, input, button { display: block; width: 100%; box-sizing: border-box; } label { margin-top: 1rem; font-weight: 600; } input, button { margin-top: .4rem; padding: .65rem; font: inherit; } button { background: #2259c7; color: white; border: 0; border-radius: .4rem; cursor: pointer; } .status { min-height: 1.5rem; } .error { color: #9d1720; } .success { color: #13733a; }