body{font-family:system-ui,sans-serif;background:#111827;color:#f9fafb;margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(30rem,calc(100% - 2rem));background:#1f2937;padding:2rem;border-radius:1rem;box-sizing:border-box}h1{margin-top:0}label{display:block;margin:1rem 0 .4rem}input,button{box-sizing:border-box;width:100%;font:inherit;padding:.8rem;border-radius:.5rem}input{background:#fff;color:#111;border:0}button{margin-top:1rem;border:0;background:#22c55e;color:#052e16;font-weight:700;cursor:pointer}button:disabled{opacity:.5}p{color:#d1d5db}