*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#151617;color:#eee;font:300 15px Arial}main{width:min(430px,92%);padding:44px;background:#1b1c1d;border:1px solid #333}b{color:#b9a07a;font-size:26px}h1{font-weight:400}p{color:#aaa;line-height:1.7}label{display:block;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:20px 0}input{display:block;width:100%;padding:13px;margin-top:8px;background:#111;color:#fff;border:1px solid #444;font-size:16px}button{width:100%;padding:14px;border:0;background:#b9a07a;cursor:pointer;text-transform:uppercase}a{color:#b9a07a}.error{padding:12px;background:#30201f;margin:15px 0}.secret{font:20px monospace;word-break:break-all;padding:18px;background:#111;border:1px solid #444}section{padding:20px 0;border-block:1px solid #333;margin:25px 0;color:#aaa}