*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0E1018;color:#fff;font:15px Inter,system-ui,Arial,sans-serif;padding:16px}
.px{font-family:'Pixelify Sans',system-ui,sans-serif}
.carte{width:min(380px,100%);background:#232C42;border:3px solid #161A27;padding:22px 22px 18px}
h1{margin:0;font-size:28px}.or{color:#F2C14E}
.sous{margin:2px 0 16px;color:#BDE7F8}
form{display:flex;flex-direction:column;gap:6px}
label{color:#BDE7F8;font-size:14px;margin-top:6px}
input{padding:9px 10px;font:15px Inter,system-ui,sans-serif;background:#10131C;color:#fff;border:3px solid #161A27}
input:focus-visible,button:focus-visible{outline:3px solid #F2C14E;outline-offset:2px}
.btn{margin-top:10px;padding:9px 12px;font-size:16px;font-weight:600;border:3px solid #161A27;background:#5BBCE4;color:#0E1018;cursor:pointer}
.btn:disabled{opacity:.6}
.erreur{min-height:1.2em;margin:6px 0 0;color:#F2C14E}