:root{font-family:Arial,sans-serif;color:#f4f4ec;background:#171817}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:480px}.brand{font-size:12px;letter-spacing:2px;color:#cee650}h1{font-size:44px;line-height:1.1;margin:40px 0 18px}p,small{line-height:1.6;color:#acada6}form{margin-top:32px}label{display:block;margin:18px 0;font-weight:600}input{display:block;width:100%;margin-top:10px;padding:16px;background:#222420;border:1px solid #56594f;border-radius:12px;color:inherit;font-size:16px}input:focus{outline:2px solid #cee650}button{width:100%;padding:17px;background:#cee650;border:0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#message{min-height:24px;color:#f3ccaa}small{display:block;font-size:12px}

a{color:#cee650}[hidden]{display:none!important}section h2{margin-top:32px}