*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#17202c;color:#fff1ce;font:20px/1.5 system-ui,sans-serif}main{width:min(420px,calc(100% - 32px));padding:28px;background:#202a3b;border:2px solid #f7dc99;border-radius:12px}h1{margin-top:0;color:#ffdb89}label{display:grid;gap:8px;margin:22px 0 10px}input,button{min-height:48px;padding:10px 12px;border-radius:6px;font:inherit}input{width:100%;border:1px solid #8490a3;background:#111927;color:white}button{border:0;background:#3c8066;color:white}#error{min-height:1.5em;color:#ffb5a9}