:root{font-family:system-ui,sans-serif;color:#142e3a;background:#f1f6f7;line-height:1.6}body{margin:0}main{max-width:660px;margin:7vh auto;padding:32px}.brand{font-weight:700;letter-spacing:.14em;font-size:12px;color:#237781}h1{font-size:42px;line-height:1.15;margin:14px 0}h2{font-size:21px}section,form{margin:30px 0;padding:26px;background:#fff;border:1px solid #d9e4e8;border-radius:14px}label{display:block;font-weight:650}textarea{box-sizing:border-box;width:100%;margin:10px 0 18px;padding:12px;border:1px solid #8ba9b3;border-radius:7px;font:14px monospace;resize:vertical}.button,button{display:inline-block;background:#126878;border:0;color:#fff;padding:12px 20px;border-radius:8px;font:600 16px system-ui;cursor:pointer;text-decoration:none}button:disabled{opacity:.55}.small,footer{font-size:14px;color:#526d76}footer{border-top:1px solid #d4e0e3;padding-top:22px}#result{font-weight:600;color:#155c5c}[hidden]{display:none}@media(max-width:500px){main{padding:20px;margin:3vh auto}h1{font-size:34px}}