:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#102333;color:#edf6fc}body{margin:0;padding:36px 20px}main{max-width:680px;margin:6vh auto;padding:28px;border:1px solid #486579;border-radius:20px;background:#162e40}h1{font-size:2rem}p{line-height:1.6}a{color:#b1e9e1}.button,button{display:inline-block;font:inherit;border:1px solid #9bd8d0;border-radius:10px;padding:12px 18px;background:#c5eee7;color:#102333;text-decoration:none;cursor:pointer}[hidden]{display:none!important}.muted{color:#b3c8d6;font-size:.95rem}

label{display:block;margin-top:16px}input,textarea{display:block;box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#102333;border:1px solid #486579;border-radius:8px;padding:12px;margin-top:6px}article{border-top:1px solid #486579;padding:16px 0}small{display:block;line-height:1.6}