* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: #13151a; color: #f2f3f6; font: 16px system-ui, sans-serif; }
form { display: grid; gap: 1rem; width: min(22rem, calc(100% - 2rem)); padding: 1.75rem; background: #1c1f26; border: 1px solid #333843; border-radius: .75rem; }
label { display: grid; gap: .4rem; }
input, button { min-height: 2.6rem; border-radius: .4rem; font: inherit; }
input { width: 100%; border: 1px solid #59606e; background: #13151a; color: inherit; padding: .5rem .7rem; }
button { border: 0; background: #e6e9f0; color: #17191e; font-weight: 600; cursor: pointer; }
p { margin: 0; color: #ffc1c1; }