:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111923;color:#edf2f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,380px);padding:32px;border:1px solid #394854;border-radius:16px;background:#1c2732}h1{font-size:26px;margin:0 0 32px}label{display:grid;gap:8px;margin:18px 0}input,button{font:inherit;font-size:16px;min-height:48px;border:1px solid #647789;border-radius:7px;padding:10px}button{width:100%;background:#b9d8ce;color:#142c26;font-weight:700;cursor:pointer;margin-top:12px}p{min-height:24px;color:#ffc3ad}button:disabled{opacity:.5}