*{box-sizing:border-box}body{margin:0;background:#141716;color:#e6eae8;font:16px/1.5 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center}main{max-width:480px;width:100%;padding:40px}small{color:#a6bba8;letter-spacing:.15em}h1{font-size:30px;margin:18px 0}p{color:#acb6b0}label{display:block;margin:20px 0 0}input{display:block;width:100%;background:#202622;color:#fff;border:1px solid #4d5b51;border-radius:6px;padding:12px;font:inherit;margin-top:6px}button{width:100%;margin-top:28px;background:#c4d5a8;border:0;padding:13px;border-radius:6px;font:600 16px system-ui;cursor:pointer}a{color:#c4d5a8}#error{color:#e9b0a6}