*{box-sizing:border-box}body{margin:0;background:#f7f3f1;color:#171313;font-family:Arial,sans-serif}main{width:min(760px,calc(100% - 32px));margin:50px auto}a{color:#c52f2f}h1{font-size:48px}button{padding:12px 18px;border:0;background:#171313;color:#fff;cursor:pointer;margin:4px}form{display:grid;gap:14px;background:#fff;padding:24px;margin-top:20px}label{display:grid;gap:6px;font-weight:700;font-size:13px}input,textarea{padding:12px;border:1px solid #cfc5c1;font:inherit}#status{color:#c52f2f;min-height:18px}.msg{margin-top:16px;padding:18px;background:#fff;border-left:4px solid #c52f2f}.reply{margin-top:12px;padding:12px;background:#f8e9e5}#logout{float:right;background:#777}