html, body { height: 100%; margin: 0; background: #0b0b0c; }
body { display: flex; align-items: center; justify-content: center; }
form { display: flex; flex-direction: column; gap: 12px; width: min(340px, 86vw); }
input, button { height: 48px; box-sizing: border-box; border-radius: 12px; font: 16px system-ui, sans-serif; }
input { padding: 0 14px; border: 1px solid #2c2c2e; background: #141416; color: #fff; outline: 0; }
input:focus { border-color: #5a5a60; }
button { border: 0; background: #fff; color: #111; font-weight: 600; }
button:disabled { opacity: .5; }
form.no input { border-color: #ff9592; }