:root{font-family:system-ui,sans-serif;color:#162c35;background:#edf4f4;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:760px;margin:0 auto;background:#fff;border:1px solid #d4e2e3;border-radius:18px;padding:32px}.brand{font-size:12px;font-weight:700;letter-spacing:.15em;color:#176f65}h1{font-size:30px;line-height:1.3}p{line-height:1.7}.note{background:#fff5da;border-left:4px solid #b57c12;padding:16px;line-height:1.6}label{display:block;margin:24px 0 8px;font-weight:600}input,textarea{width:100%;font:inherit;padding:12px;border:1px solid #90aaa9;border-radius:8px}textarea{height:140px;resize:vertical}button{font:inherit;font-weight:600;background:#176f65;color:#fff;border:0;border-radius:8px;padding:12px 18px;margin:16px 8px 16px 0;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}code{overflow-wrap:anywhere}small{display:block;line-height:1.7;color:#50656d}[role=alert]{color:#8a2e22}a{color:#176f65}[hidden]{display:none!important}@media(max-width:500px){body{padding:12px}main{padding:20px}h1{font-size:25px}button{width:100%}}