:root{color-scheme:dark;font:17px system-ui;background:#101820;color:#eaf0f5}body{margin:0;min-height:100dvh;display:grid;place-items:center}main{width:min(380px,85vw);padding:32px;background:#192630;border:1px solid #43505d;border-radius:20px}h1{color:#baf36d}label{display:grid;gap:8px;margin:20px 0}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #586675}input{min-width:0;background:#101820;color:inherit}button{width:100%;background:#baf36d;color:#142010;font-weight:700;cursor:pointer}#error{color:#ffb5ae}