:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#0b0d12;color:#eee;font:15px Tahoma,sans-serif;padding:20px}main{width:min(100%,390px);padding:28px;border:1px solid #394151;border-radius:18px;background:#171b24}h1{direction:ltr;text-align:center}p{line-height:1.9;color:#c4cddd}label{display:block;margin:18px 0}input,button{width:100%;font:inherit;padding:12px;border:1px solid #65718a;border-radius:9px;margin-top:8px;background:#0b0d12;color:inherit}button{cursor:pointer;background:#197c61;border:0}button:disabled{opacity:.5}#error{color:#ffaaaa}