*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#f7f5f0;color:#252528}header{padding:24px 5%;background:#171719;color:white;font-size:26px;font-weight:750}header small{display:block;font-size:11px;letter-spacing:2px;color:#ff945f;margin-top:5px}main{max-width:490px;margin:55px auto;padding:32px;background:white;border:1px solid #dedbd4;border-radius:14px}h1{font-size:26px;margin-top:0}h2{font-size:19px}p{color:#6a778b;font-size:14px;line-height:1.6}label{display:block;margin:20px 0 8px;font-size:14px}input{width:100%;padding:12px;border:1px solid #dedbd4;border-radius:8px;font:inherit}button{width:100%;margin-top:24px;padding:13px;border:0;border-radius:8px;background:#c84412;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5}#message{color:#a14827;font-size:14px;min-height:20px;margin-top:16px}.note{border-top:1px solid #edf0f5;padding-top:16px;font-size:12px}a{color:#c84412}code{word-break:break-all}section{border-top:1px solid #dedbd4;margin-top:30px;padding-top:20px}@media(max-width:500px){main{margin:30px 15px}}